You’re missing the point. I’m not making a direct comparison, obviously CSS Grid and Flexbox are different. I was demonstrating how the same layouts could be created with flexbox using the EXISTING Bootstrap 4 classes, that don’t require additional CSS definitions and media queries as shown in Per’s article.
Hi Jim Verquist, thanks for your response! But, no that’s not a typo. I meant it exactly as written. Resize the viewport in this demo: https://www.codeply.com/go/0jd0RfUGtd, and you’ll see what I mean.
'col-4'will NOT stack vertically
'col-sm-4'will stack vertically…
Yes, that’s only applicable when using
no-gutters which “removes the negative
.row and the horizontal
padding from all immediate children columns.”
You don’t want to get rid of the Container. If you want a full-width layout use
container-fluid. Rows have a negative margin of -15px, and therefore should be in a container with left/right padding of 15px. Otherwise, the
.row will overflow it’s container, causing an undesirable horizontal scroll.