Recently asked the question about the creation of the website. The case was postponed, and the interest to learn and understand will not go away, so I started to create my own website from scratch.
First off the location of the blocks. Padding, margin etc. Then I came across a description flexbox. Read about "fashion" Grid, positioned the blocks. Began to draw site pictures, add blocks in the other. Each element spoils the neat look of the site. Apparently, something need to be rewritten or even from scratch to do?
Wanted in the sidebar to put the picture
, set max-width for the block size in px, then the width of the page increased in size. Link to code
PS Border to all the blocks asked for clarity, essentially the very same for myself