zoom out html document
hi , does anyone know how to eliminate whitespace from the document when zoom out? #front-end
10 Replies
media queries. Afaicr the zoom level changes the size of the document in pixels, so a media query will probably work.
ok if a media query will work , how does the code looks for 30% and so on ?
why are you worried about the zoom level in particular?
bc all the other professional websites are outline like this
not based on zoomlevel they're not
but there is nothing online or chap gpt on this topic that helps
you're probably not using the right terms. It has absolutely nothing to do with zoom level and everything to do with screen widths. Making sure a site works on multiple screen widths is called responsive design
you look at your site using the responsive design mode in devtools, then when you notice it breaks at a certain width, you write a media query for that width
if you do it in a clever way, you won't need more than one or two breakpoints, though a more complex site might need more.
you can also use variable units to your advantage, though even those will eventually break
I'd recommend following the course you checked you signed up for when you joined the discord, Conquering Responsive Layouts. It's free and gives you a good basic understanding of how responsive design works
for the Conquering Responsive Layouts course , where to sign up for it?
Kevin Powell
Conquering Responsive Layouts
Are you ready to take the challenge and finally figure out responsive layouts? Click the button below and jump in!
it's a 21 day course, free, and trickle-fed. You sign up, there's 1 day's worth of lesson, and then the next one unlocks 24 hours later. There is no way to speed it up