Overriding Bootstrap grid with proper CSS Grid
By converting Bootstrap single .row into 1-dimentional CSS Grid containers with 12 columns.
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cum unde maxime quibusdam.
Ipsam magnam consequatur dolor, minus rem beatae voluptatibus animi eos repellat sapiente!
To only see the CSS Grid solution: using browser dev. tools and remove the Bootstrap CSS from the HTML head.
Dolorem delectus dolor inventore illum placeat ipsum magni aliquid laboriosam ea iusto.
Dolorem delectus dolor inventore illum placeat ipsum magni aliquid laboriosam ea iusto.
Dolorem delectus dolor inventore illum placeat ipsum magni aliquid laboriosam ea iusto.
Suscipit exercitationem, quod sapiente soluta! Nihil beatae inventore, vitae atque saepe autem.
Ipsam magnam consequatur dolor, minus rem beatae voluptatibus animi eos repellat sapiente!
non-CSS Grid supporting browsers use Bootstrap grid as fallback
Dolorem delectus dolor inventore illum placeat ipsum magni aliquid laboriosam ea iusto.
Suscipit exercitationem, quod sapiente soluta! Nihil beatae inventore, vitae atque saepe autem.
More boring columns!
Promo
Another heading
Ipsam magnam consequatur dolor, minus rem beatae voluptatibus animi eos repellat sapiente!
Dolorem delectus dolor inventore illum placeat ipsum magni aliquid laboriosam ea iusto.
Suscipit exercitationem, quod sapiente soluta! Nihil beatae inventore, vitae atque saepe autem.
Ipsam magnam consequatur dolor, minus rem beatae voluptatibus animi eos repellat sapiente!
Dolorem delectus dolor inventore illum placeat ipsum magni aliquid laboriosam ea iusto.