What do you use to make Adaptive?

Question

css

Beginner front end developer. I would like to clarify if I am going in the right direction towards adaptive by learning Flexbox + media queries? Wouldn't it be better to take a ready-made bootstrap mesh? Have you switched to Flexbox?
In this example, the grid is being rebuilt when the screen is reduced without media queries, what if I expect one behavior when shrinking, but not the same? How to work with flexbox so that it rebuilds the grid the way I need it? Share your experience, please be so kind)
codepen.io/dudleystorey/pen/eAqzk?editors=110

Answer 1

I have never used these bootstraps and never will. It's complete nonsense.
It's better to do everything yourself. When laying out adaptive layouts, I always use media queries and I advise you.
Regarding flex, I do the grid like this: jsfiddle.net/0et4kh52 Shrink
the result window and you'll see how the 3 column grid has rebuilt into a 2 column grid.
Everything is elementary ;)

Answer 2

I use a slightly sawn-down grid from Bootstrap (4 Alfa).
+ of course I modify the styles of individual blocks, if necessary, through media queries
Please don't talk like bootstrap and media queries are some kind of alternative approaches. Bootstrap is just a set of styles, with the same media queries.
At first, I also spat - why bootstrap, etc. Even now I consider it a great stupidity to drag a bootstrap into any project and then ask on the toaster how to override its styles. But when I developed my own mini-framework for the grid, the bootstrap grid turned out.
Flex box - everything is cool, but when the task is to support old donkeys (8+), I don’t see any profit with the generation of fallbacks.
And, of course, if the designer is completely bastard, then no grid will help)

Answer 3

Bootstrap for large projects and modular approach, media queries for small sites and especially complex cases. This approach provides maximum cross-browser compatibility.