Zempai
KPCKevin Powell - Community
•Created by Zempai on 11/7/2024 in #front-end
CSS – managing grid-template-columns sizes with classes
Sup (:
Thanks for your time – I am looking for a clever and perhaps overengineered way to add silly fun.
I also beg you to just throw ideas or simplifications at me, even if unrelated to the question but related to the pen.
-# Best wishes
__
padding on demand without altering the vertical text/content position.
While layouting with grid, the idea is to have a nice (padding)class, that adds to the element area but keeping the content in line.
It is very likely possible to fake with before/after, but that always feels last-resort-ish to me.
Another way could be to always take the padding-inline into account, and it only becomes visible by adding background. But isn't this kind of dull?
Is there a way to override a specific part of grid-template-columns and add a calc()? –the element breaking the grid, essentially
Opinions?
TMI
Excuse my messy draft code: https://codepen.io/SimonDerDude/pen/NWQYrRG
I basically started to merge two of Kevin's no-traditional-wrapper proposals and learn more about it, it does be 5 replies
KPCKevin Powell - Community
•Created by Zempai on 10/29/2024 in #front-end
That one grid-content Video
Do you know that situation, remembering a video but you just can't find it? yep.
Hope I was not dreaming... wasn't there a video or stream (maybe pen) where Kevin showed off, perhaps just briefly, a refined grid layout for content? A center line for multi-columns and/or pull-out bits were added.
The only thing I found is the one explaining how we can avoid wrapper containers, which isn't it – link for research wanted dead or alive
4 replies