Have you faced such a problem?

Question

css

Good day! I'm a beginner coder and I'm exploring CSS one by one, watching videos, reading information and trying to take steps forward. But I ran into a "nuance" last week, I still haven't decided and I hope there are people who can help. The thing is that, while repeating the material that bloggers make, I was faced with the fact that in the end the page does not display what I see how the person did, although everything is exactly the same as his. I took the material from the site, there is ready-made HTML and CSS code, it is not displayed something that should and was very embarrassing. I started to understand, I worked in VS Code, I thought maybe the problem was in the settings, I installed it again on a clean one, then I downloaded Sublime, it didn’t help. no. It all started when I tried to work with flex and it seems to be obeying, but the result is that the browser does not display as it should.For example, I create everything as in the lesson, insert everything as it is, and everything plows with HTML, but from the content only the characters that I wrote in HTML are flex-aligned, and the rest, as if I didn’t write it. We take a lesson withhttps://wp-kama.ru/id_8045/flex-v-css.html#dlya-ko... I have nothing to do with these examples, only symbols and a radio that works with symbols and does not see the rest. From this lesson https ://itproger.com/course/one-lesson/13 everything is the same, the column is registered, but it is not displayed. It is very difficult to explain since I am a beginner, but if anyone has any thoughts, please write, I really look forward to your help. Thank you for your attention !

Answer 1

Many tutorials don't post different global type styles:

*, ::after, ::before {
    box-sizing: border-box;
}

And this is a pretty important piece of code.
Read more here:
htmlbook.ru/css/box-sizing
But this algorithm is not suitable everywhere. In very rare cases, border-box can get in the way. look at the situation