How to create a similar background?

Question

css

How to create a similar background, namely the edges of the layout itself, add just a picture to fill the screen, or use position absolute for every detail? I will be grateful for the answer
link

Answer 1

With a wrapper, you create a div, this is the background of the main one which is behind and give it z-index: 1, and then inside another one inside and put z-index: 2 and it will be on top of 1 and use flex to center it, for example:

<div class-name="wrapper">
      <div class-name="app"></div>
</div>