Thib
KPCKevin Powell - Community
•Created by Thib on 4/9/2025 in #help
Using grid "zooms out" on mobile
tests on iOS too
26 replies
KPCKevin Powell - Community
•Created by Thib on 4/9/2025 in #help
Using grid "zooms out" on mobile
Removing the
overflow: auto; in my main and adding grid-template-columns: 100%; to the .full-height does work, but it doesn't work with 1fr26 replies
KPCKevin Powell - Community
•Created by Thib on 4/9/2025 in #help
Using grid "zooms out" on mobile
Truth be told I’m not entirely sure either, but it does seem to work so I’ll take a note that I have one weird fix here and try to bear in my next time something blows up on my website!
I would be immensely grateful if someone could break down why it works though. Who knows, it might be a fun challenge for Kevin 😁
26 replies
KPCKevin Powell - Community
•Created by Thib on 4/9/2025 in #help
Using grid "zooms out" on mobile
Yup, that was it! Thanks for the help along the way :)
26 replies
KPCKevin Powell - Community
•Created by Thib on 4/9/2025 in #help
Using grid "zooms out" on mobile
Oh! I think I've solved it by adding the following bit in my CSS
26 replies
KPCKevin Powell - Community
•Created by Thib on 4/9/2025 in #help
Using grid "zooms out" on mobile
What puzzles me is that commenting
display: grid; fixes it (with the caveat that my footer will not always be at the bottom of the screen if the body is too "short")26 replies
KPCKevin Powell - Community
•Created by Thib on 4/9/2025 in #help
Using grid "zooms out" on mobile
Same with
100vw instead26 replies
KPCKevin Powell - Community
•Created by Thib on 4/9/2025 in #help
Using grid "zooms out" on mobile
I just gave it a go with
max-width: 100dvw; without much success26 replies
KPCKevin Powell - Community
•Created by Thib on 4/9/2025 in #help
Using grid "zooms out" on mobile
I'm fairly certain it's coming from the code blocks.
For example:
- https://ergaster.org/posts/2022/02/14-raspi-encrypted-backup overflows
- https://ergaster.org/posts/2025/02/28-prosthetics-that-dont-betray doesn't
I've tried adding a
* {outline: 2px solid red;} but it's not super helpful since the content is zoomed out, and nothing really overflows26 replies
KPCKevin Powell - Community
•Created by Thib on 4/9/2025 in #help
Using grid "zooms out" on mobile
I'm not entirely sure how to fix it though :)
26 replies
KPCKevin Powell - Community
•Created by Thib on 4/9/2025 in #help
Using grid "zooms out" on mobile
I'm using astro as an SSG, and it looks like it automatically adds
<meta name="viewport" content="width=device-width"> in the generated html, so I'm tempted to think it's the latter26 replies