Tag Archives: media queries

What should the dimensions of a website’s hero image be?

UltimateWB hero image
The UltimateWB hero image does not need any CSS media queries, but uses Image Preloading - all easy to do with the UltimateWB website builder!

The dimensions of a hero image for a website depend on the design, layout, and how the image will be displayed, but here are some common guidelines:

Aspect Ratios

  • 16:9 Aspect Ratio: A common choice for widescreen displays.
  • 3:1 Aspect Ratio: Often used for banner-style hero images that span the width of the page.
  • 4:3
... Continue reading
Posted in Search Engine Optimization (SEO), Website Design | Tagged , , , , , , , , , , , , , , , , , | Leave a comment

Why is my website not responsive even if I put the viewport tag in?

viewport-meta-tag

Thanks for the "Ask David" Question! Here's a breakdown of why the meta tag alone might not make your website responsive and how to achieve responsiveness...and a reminder that you don't need to worry about this with UltimateWB and the built-in Responsive app!

The Meta Tag's Role:

The <meta name="viewport"> tag is an important step, but it's just a messenger. It instructs the browser to control the viewport (the visible area of the webpage) based on the device's width. It

... Continue reading
Posted in Ask David!, Website Design | Tagged , , , , , , , , , , , , | Leave a comment

How do you make a website responsive (HTML, CSS, and development)?

UltimateWB built-in Responsive app, customize the menu setup
UltimateWB built-in Responsive app, customizing the display of the menu button and menu overlay for mobile and smaller screens.

Make Your Website Responsive - Your Options

You can make your website responsive in several ways:

  • By coding it yourself with HTML, CSS, Flexbox, Grid, and media queries.
  • By using a responsive template or website builder that handles most of the work for you.
  • Or with a platform like UltimateWB that has a built-in Responsive App, letting
... Continue reading
Posted in Ask David!, Website Design | Tagged , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , | Leave a comment