J-Sun 🎷☀
KPCKevin Powell - Community
•Created by Matt on 12/1/2023 in #front-end
Uniform Nav Bar
@Matt That's the shorthand btw for:
5 replies
KPCKevin Powell - Community
•Created by J-Sun 🎷☀ on 12/1/2023 in #front-end
My margins are collapsing with this alternative to container and wrapper classes
indeed subgrid I need to start wrapping my head around as well, the container queries. ooh boy!
17 replies
KPCKevin Powell - Community
•Created by J-Sun 🎷☀ on 12/1/2023 in #front-end
My margins are collapsing with this alternative to container and wrapper classes
right, I can see the inherit can be a bit overbearing, or 'expensive', if you find yourself overriding it more than not, and as you pointed out, you can manually apply the named space to the grid-column within.
17 replies
KPCKevin Powell - Community
•Created by J-Sun 🎷☀ on 12/1/2023 in #front-end
My margins are collapsing with this alternative to container and wrapper classes
That's just elegantly stupid of me 🙂 of course only the children are being effected, not the grand-children. This is a scenario that wasn't covered in the video so I just blindly forged ahead.Thanks so much for pointing that out @b1mind
17 replies
KPCKevin Powell - Community
•Created by Matt on 12/1/2023 in #front-end
Uniform Nav Bar
How about just changing your nav to grid like so?
5 replies
KPCKevin Powell - Community
•Created by J-Sun 🎷☀ on 12/1/2023 in #front-end
My margins are collapsing with this alternative to container and wrapper classes
Hi @b1mind Thanks and comforting to know it's been successful for you as I really want to give it a go. I made a quick CodePen, somehow the top-ctas section is getting scrunched there, maybe the missing images I don't know. But the main points are still illustrated I think with the:
- .contact__ctas breakout within full-width bleeding to edge
- hero-banner full-width content not honouring the padding-inline when the viewport is scrunched down to mobile.
https://codepen.io/sirshanksalot/pen/GRzYMYr
17 replies