Using Grid, and trying to stick with the BEM methology

@tony1610 about scroll there is a trick with that test:

• you should open/run your page directly from index.html file, not from VS Code live server or etc.
• than devtool in your browser should be opened but mobile Toggle device toolbar should be off.
• and then start to shrink your window by pulling wider your devtool sidebar...

P.S. that will work for Windows, but for Mac you need to disable horizontal scroll hidden option (i'm not sure about how to do that exactly, just google it ).

About selectors in BEM methodology

@larikov174

Thanks for the BEM methodology link. I fixed the overflow and the container name.

Now, I have a question about the html selector. I don't want any extra margin or padding in any of my header or paragraph, even if you specify that all margin and padding are "0" in the body, all headings, paragraph and list come with their own margin and padding. If I don't use the html selectors, I will have to write the same line of code for every heading, paragraph and list. It is not better that just have one or two line of code in one place to select all of them? or there is another way? or repeating the same line of code for each individual is OK? Trying to learn the best way to code, I still have a long way. Thanks for the comments and the help.

@tony1610 according to classic BEM it is totally ok to repeat the same code for each text block, title, subtitle, heading e.t.c. There is a reason why, because if you will take this block and copy it from one place of your project to another (or even to another project) it should be looking good no matter what with no additional tuning.

I'm not saying that BEM is the bast way to organize your code and files, but this is really good way to keep it in order especially in large projects.

BEM Nested file structure is exhausting sometimes, but at the end you are getting blocks that are fits to each other just like LEGO parts do.

@larikov174 ohh ok, got it.