I'm not super fond of placing multiple rows of columns into a single row-container - I like the more traditional markup structure, where each row is represented by a row-wrapper.
Rather than adding margin after every row, I prefer to add margin above consecutive rows, like so:
I still wish there was a way to implement a grid that uses relative weights - like this one, but implemented using grid rather than flex, since, unfortunately, the flex approach falls apart when you add margin, padding or borders.
I don't think relative weights are possible with grid though? 🤔
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.
Nice, simple approach! 👍
I'm not super fond of placing multiple rows of columns into a single row-container - I like the more traditional markup structure, where each row is represented by a row-wrapper.
Rather than adding margin after every row, I prefer to add margin above consecutive rows, like so:
jsfiddle.net/ev7n36q8/2/
I still wish there was a way to implement a grid that uses relative weights - like this one, but implemented using
grid
rather thanflex
, since, unfortunately, theflex
approach falls apart when you add margin, padding or borders.I don't think relative weights are possible with
grid
though? 🤔