All solutions

Hi! So, this has been a journey.

I wasn't able to resize my grid container and make it fit the screen / center it. Any ideas? I tried many of the usual suspects. Also, how can I make the content of grid elements fit the whole grid element (my .card-content <div> element didn't fill in the whole card once I created the grid)? Any other suggestions / advices are highly appreciated!

My code seems overly messy. Looking for the more elegant solutions. Feedback appreciated!

The background images didn't behave the way I wanted them to behave, so I had to limit their width in order to fit the screen. Any other ideas on how to make them look good in both, mobile and bigger screen? Thank you!