When it comes to layout using CSIS, a very important skill of a developer, there are probably three
really good ways to do it this year.
One is something that we've discussed, and that is Fleck's box.
Another one was bootstrap for and we're going to learn about a new way of doing it, which is called
CSFs Grid.
And if you go for a Google image search.
And type in something like CSFs, Flex Box versus grid, you're going to get a lot of images explaining
what the differences are, why you would use one over the other.
But I want to just preface the next couple of videos and let you know that there's no one versus the
other one that wins out over the other.
There's always a trade off.
And the best way to think about these tools is as complementary tools.
That is, the both work really, really well together.
You don't only have to use just flex blocks or just grid ideally use them both together.
And I'll show you later on how we can use both flex box and access grid to pretty much do anything we
want when it comes to layout.
But just to start us off a good way to think about flex blocks versus access grid.
Is that Fleck's box is really good to use if you just have one dimensional, maybe you're only thinking
about columns and how to do layout based on columns.
CCWs grids are really, really powerful, especially when it comes to two dimensional layouts that is
both columns and rows.
So it's really, really good at, let's say, image galleries or listing out your portfolio projects
on your own personal web page and we'll get into that.
But now you might be asking yourself, OK, isn't this what bootstrap?
Allows us to do.
And you'd be right, Bootstrap came at a time when we didn't have flex box and CSFs grit, it came at
a time when we just had display and floats and positioning success properties that, as we saw, are
really, really difficult to use when it comes to layoffs and bootstrap solve that problem.
It gave us this grid system that we can use within Bootstrap to make really beautiful layouts.
So that was really, really useful.
But on your resume, if you say that, you know, bootstrap for yeah, that's good, but it won't be
that impressive to employers anymore, especially if you're going for a real developer job, which is
why I haven't focused too much on bootstrap for because I argue that everything that you can do in bootstrap
for although sometimes it's easy because it comes with their own pre-built components you can do now
using Flex Box and Scribd.
And because being a good developer means not just learning one library that always changes, always
evolves, it's learning the fundamentals.
It's more important for us to learn Flex Box and CSFs Grid, because now if we know these two, we can
create any sort of layout's we want one last thing.
When it comes to CSFs Grid, it's a new feature.
Most Web browsers have support for it, but we do see a few reds and older versions of browsers that
do not support CSFs Grid.
When we look at Fleck's box.
It's a little bit better because it's older than CSFs Grid and we've learned all about this before,
right?
Each browser has their own implementation and any new feature has to be implemented individually.
So all those CSFs grid has become pretty standard across the web.
If you're trying to support older browsers or something like opera many, then you might want to consider
using floats to do Lay-up.
Although to be honest, most of the Web is moving towards CSFs and Flex Box.
So I just recommend starting to use this right away because eventually this will have really, really
good support.
But enough talk.
I think it's time for us to learn CSFs grids to see what all the hype is about and start working on
a fun little project.
I'll see in the next one.