How to draw layout under Flex CSS?

Question

Figma

Interested in whether different layouts are needed for different resolutions, what other nuances are there in drawing a design layout?
Flexbox, is it the same?

Answer 1

As a rule:
3 layouts (desktop, tablet, mobile) + styleguide in which you describe all the visual logic of your UI\UX. That is, they hovered over the button, the button changed color, using the button as an example, your styleguide will describe the effects of hover, active, focus. And so for each interactive element.

Answer 2

Also, if you were drawing for bootstrap, only in the case of flex there is no hard binding to columns and it is much easier to typeset with custom permissions.
Drawing under different resolutions is necessary, in your case more freedom with the definition of containers and indents.