I really dislike CSS. I find of the 3 main web 'languages' it is the most difficult to do well. I really hate the 'C' in CSS. I've found that using scoped CSS c

I really dislike CSS. I find of the 3 main web 'languages' it is the most difficult to do well. I really hate the 'C' in CSS. I've found that using scoped CSS cuts down on a LOT of the things in CSS that bug me the most. Like changing the style of a particular div and now all the p tags inside of it auto-magically changed as well!? So if you are using React, Vue, etc. I recommend finding some approach to scoping your CSS to your components so as to avoid as much of the cascade as possible. As for layout, spend half a day learning about flexbox (https://css-tricks.com/snippets/css/a-guide-to-flexbox/ https://css-tricks.com/snippets/css/a-guide-to-flexbox/). It's much simpler than CSS grid and it'll do 90% of what you need as far as layouts go. If you have a particular section of your page that needs to be laid out in a grid, then you could try out CSS grid in that limited section. I think it is a nightmare for overall page layout.