From Bootstrap to CSS Grid
open.nytimes.com
From Bootstrap to CSS Grid
1–10 of 104 posts
Re: From Bootstrap to CSS Grid
#2Completely off-topic: All five people mentioned as experts on CSS Grid towards the end of this post are women.
(I don't have anything else to add, just found this interesting.)
Re: From Bootstrap to CSS Grid
#3What is the advantage of using CSS Grid instead of Flexbox? The Bootstrap v4 already uses Flexbox for its grid system.
Re: From Bootstrap to CSS Grid
#4"It took about three lines of CSS to write the grid layout I wanted, and I wanted to live in the bright and beautiful future where layout is always that simple."
This is so spot on. I've met many developers who tend to think Bootstrap is easier, but that's usually because they haven't experienced this part of CSS Grid. Just add a couple of lines and you have a very powerful grid layout.
I wrote an article on Bootstrap vs. CSS Grid a few weeks ago btw. Feel free to check it out:
https://hackernoon.com/how-css-grid-beats-bootstrap-85d5881c...
And here is a link to my free CSS Grid course, in case you're interested in learning it:
Re: From Bootstrap to CSS Grid
#5What is the advantage of using CSS Grid instead of Flexbox? The Bootstrap v4 already uses Flexbox for its grid system.
Flexbox is built for one dimension layouts (e.g. a header), while Grid is built for creating two-dimensional layouts (e.g. an entire page).
Use both and you'll get the best of two worlds.
Re: From Bootstrap to CSS Grid
#6Completely off-topic: All five people mentioned as experts on CSS Grid towards the end of this post are women. (I don't have anything else to add, just found this interesting.)
I welcome our female overlords :). Maybe this might be css that speaks to women.
Re: From Bootstrap to CSS Grid
#7Completely off-topic: All five people mentioned as experts on CSS Grid towards the end of this post are women. (I don't have anything else to add, just found this interesting.)
In another blog post they inform us that they have been ranked a Top Company for Women in Technology[0]. I'm not familiar with the Anita Borg Institute that did the ranking, but I think it's great to see anyways.
[0] - https://open.nytimes.com/the-new-york-times-ranks-as-a-top-c...
Re: From Bootstrap to CSS Grid
#8Just to add what others always mention: CSS Grid and Flexbox are compatible, CSS Grid lays elements in grid, while flexbox handles one dimensional layouts.
To create complex layout you need both and should be familiar with both anyway.
I think we are so familiar with css/html pain that we can't believe to see light in the end of the tunnel. :)
Re: From Bootstrap to CSS Grid
#9I recently converted my blog to CSS grid.
In the past I would have lazily used bootstrap as I've used that for over three years and know the grid inside out.
It was a touch intimidating at first. No framework!
But it is really quite expressive. It took me 12 lines of CSS to get a traditional blog layout that collapsed on mobiles.
Re: From Bootstrap to CSS Grid
#10What I love about the CSS Grid is that it does a really good job of separating content from presentation.
I have used it in one project and it's awesome. What I struggled to do with Bootstrap for almost a week, I could do the same with CSS Grid in an afternoon.