How to make this layout?

Question

css

Please tell me how to layout this page, namely a pink background with all roundings and everything else. Tell me more about how it is better/easier to typeset this layout on flex or on bootstrap?
PS: I've only been learning to typeset for 1.5 years, and I don't know much, please explain as simply as possible.

Answer 1

Please tell me how to layout this page, namely a pink background with all roundings and everything else.

Nothing bad will happen if you make it a picture. Or you can mock with div, svg.

Tell me more about how it is better/easier to type this layout on flex or on bootstrap?

Bootstrap is what flexes are, only with their own components, mixins, snippets, to speed up development by linking the design to a 12-column system.
Therefore, if you clearly see that the design is made under the bootstrap - go for it.

PS: I've only been learning to typeset for 1.5 years, and I don't know much, please explain as simply as possible.

Usually, in 1.5 years, people get their hands on it and create relatively complex online stores. Here you have

logo, nav, background-image, position: relavite, position: absolute, border, border-radius, button, p и еще с 10-ток тэгов и селекторов которые встречаются Вам на 2й недели изучения верстки

and a rather primitive grid. You study very badly, since such an easy layout after 1.5 years causes you a stupor.

Make a block with a stroke with a border with the desired color and a position: relavite value, use position: absolute to bind img to different points of the border, overlap the border through z-index
What I advised you is not true in the first instance, this is a primary look at the layout ( considering that I'm not a layout designer), so if artifacts appear, the layout can and should be supplemented.