Responsive four card feature using Grid and Scss

What are you most proud of, and what would you do differently next time?

Using grid for the first time, I had previously mainly used flexbox. I will use it more often in the future, its a useful tool.

What challenges did you encounter, and how did you overcome them?

I had recently been learning about cube-css after watching the link provided in a previous section. However I found it hard to use as I didn't have a full understanding. I have applied some of the best practices but I ahve a lot more to learn.

Also find it challenging to know the best practices of semantic HTML, overcame this through reading more and trial and error.

What specific areas of your project would you like help with?

Best practices for naming classes?

Is my use of Scss nesting correct?

Any suggestions for improving this solution?