Does it make sense to learn to layout adaptively without frameworks?

Question

css

Hello. Recently started doing layout. Along the way, some questions began to appear, so I decided to turn to knowledgeable people for advice. In the process of studying, I noticed that if the conversation is about adaptive layout, then everyone immediately starts talking about bootstrap and other frameworks. There is no doubt that it is more convenient and faster to make layout with it than without it, but does this mean that in connection with its appearance, adaptive layout using responsive is no longer relevant? Does it make sense to learn to layout adaptively without bootstrap?

Answer 1

Hey!
I would recommend you not to make up on bootstrap at all at the initial stage. Before moving on to any technology, you need to understand how this technology works.
Bootstrap - used for prototyping (in fact, it was originally created for this), i.e. to create quick sketches of something, through the use of ready-made components.
For starters, I would recommend that you study the BASE, i.e. move towards floats. And then smoothly move on to learning flexbox.
Also, I would recommend you (once you get the hang of it) try Susy.
There is a big disadvantage of using bootstrap:
This is the HTML Grid System. Because of what, the layout is very heavily piled up.
That is why, personally, I switched to Susy (CSS Grid System)

No doubt, it is more convenient and faster to make up with it than without it.

- I completely disagree with this, since the CSS Grid System is much more convenient and powerful (and hundreds of times faster)!

Answer 2

Yes, everyone confuses the grid and the framework.
If you need adaptive, then the grid greatly simplifies life, on any page. It doesn't matter if she's from bootstrap or Susy.
If you make themes for sites, then you need a framework. Absolutely all themes on themeforest are based on the framework. No matter what, some authors have their own. It's not a question that "I can't make modals, forms and other stray stuff from scratch". How much time do I spend on it. And the fact that why cut each time anew the functionality that is in every project. That's why I take it ready. And I spend my time on really interesting things of the project.
And I am also sure that a person who has never seen me will understand my code. And the basic stuff even has documentation. (on the freemsk site)
If the author's question is "is it worth learning to type adaptively without a grid?" then, of course, you need to know. How to make block layout on flex, float, inline-block, etc. But in the future, it will be the grid that will be used everywhere in projects and at work.

Answer 3

In parallel, in 2 ways - with and without frameworks.
Without - gives a better understanding, but to achieve a stable result in different browsers - you need to sweat.
C - gives the best and fastest result

Answer 4

Of course, yes.
You have to understand the process itself, and the framework is just a tool.

Answer 5

It may seem funny, but I can’t adaptively layout on bootstrap, since I have 5 and 7 columns there. I started using flexbox, set the width as a percentage and forgot about the bootstrap) The 12-column system is not very flexible, and the fourth version has not yet been released.

Answer 6

To file a grid like on Bootstrap, you yourself need to understand the following CSS topics:
1) The document box model
2) The Float property
3) Methods for clearing the flow in CSS
well, read THIS