Not writing rows and columns wrappers in the markup is liberating (especially because I might be able to stop littering the markup with those helpers only needed by the framework). It definitely helps accessibility too, as you mentioned.
I spent most of 2018 using Bulma (based on Flexbox) but this is much better.
It is finally time to start leaving CSS frameworks behind, or just use them for the components and not for layout :D
Vanilla CSS, vanilla JS, JAMstack websites... the web is getting simpler again ;-)
Full-time web dev; JS lover since 2002; CSS fanatic. #CSSIsAwesome
I try to stay up with new web platform features. Web feature you don't understand? Tell me! I'll write an article!
He/him
Yeah, definitely! I always hated digging through the layers of bootstrap containers to find the actual content; I'm thrilled to be able to write clean markup finally!
Another thing to look into with laying out components in a grid while maintaining semantics is display: contents, which I hope to write another article about soon.
For further actions, you may consider blocking this person and/or reporting abuse
We're a place where coders share, stay up-to-date and grow their careers.
OMG Ken, this CSS grid thing is awesome and so intuitive! Thanks for explaining it so well!
I also read this post by Rachel Andrew: You do not need a CSS Grid based Grid System.
Not writing rows and columns wrappers in the markup is liberating (especially because I might be able to stop littering the markup with those helpers only needed by the framework). It definitely helps accessibility too, as you mentioned.
I spent most of 2018 using Bulma (based on Flexbox) but this is much better.
It is finally time to start leaving CSS frameworks behind, or just use them for the components and not for layout :D
Vanilla CSS, vanilla JS, JAMstack websites... the web is getting simpler again ;-)
Yeah, definitely! I always hated digging through the layers of bootstrap containers to find the actual content; I'm thrilled to be able to write clean markup finally!
Another thing to look into with laying out components in a grid while maintaining semantics is
display: contents
, which I hope to write another article about soon.