Responsive website

Question

I'm trying to make a responsive web page using bootstrap, it's better to start with sm size to applied mobile first principle or start with lg then using media query?

Answer 1

There are three main things you need to learn with grids. In the order of basic to advanced, they are:

1) grid-template: this is fundamental grid information which lets you define the rows and columns
2) grid-auto-flow: settings for the direction of elements to flow( either row/column)
3) grid-area: this gives you a visual representation of how grid items should be arranged.

These three vids will get you started.
[Css grid crashcourse](https://www.youtube.com/watch?v=jV8B24rSN5o)
[Grid auto flow](https://www.youtube.com/watch?v=UgI7uoFCwEY )
[grid area](https://www.youtube.com/watch?v=UFHsuu-74CA&t=601s )

Answer 2

use bootstrap by all means. but bear in mind that css grids and flexbox are both worth learning. once mastered you will have more control of your site and wont have to rely on some bulky framework.

Answer 3

MonicaL Thanks a lot 🌸

Answer 4

//possibly create websites with using lg grids and use media query to handle width changes

Answer 5

MonicaL So I should start with css grids sys and flexbox? can you recommend some tutorial to understand them well??