zoom out html document

hi , does anyone know how to eliminate whitespace from the document when zoom out? #front-end
No description
10 Replies
Jochem
Jochem9mo ago
media queries. Afaicr the zoom level changes the size of the document in pixels, so a media query will probably work.
2023graduateinformationtech
ok if a media query will work , how does the code looks for 30% and so on ?
Jochem
Jochem9mo ago
why are you worried about the zoom level in particular?
2023graduateinformationtech
bc all the other professional websites are outline like this
Jochem
Jochem9mo ago
not based on zoomlevel they're not
2023graduateinformationtech
but there is nothing online or chap gpt on this topic that helps
Jochem
Jochem9mo ago
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
2023graduateinformationtech
for the Conquering Responsive Layouts course , where to sign up for it?
Jochem
Jochem9mo ago
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!
Jochem
Jochem9mo ago
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
Want results from more Discord servers?
Add your server