All solutions

I definitely will make a variable file for spacing next time. Also, I'd like to figure out a way of making the hero text with one component instead of rendering a few different divs for mobile/tablet/desktop. It was a joy to use grid.

My biggest takeaway though is how to add the offset image. If anyone has an answer I'd much appreciate it, as if you resize the window the layered circle patterns move also.

I had a lot of trouble trying to figure out how I can set the top right background image. I've put the image as the background but I would really like to know how I could better do this. If you resize the window you'll see the problem I'm talking about.

Thanks

Eugene

I have used 2 different sets of div tags for the headers and articles for mobile states and desktop states so the content displays according to the viewpoint. How would you do this differently using less code?

This was a tough one. I feel I could have done the svg resizing better. I feel a bit more comfortable with my css but still have much to learn. All feedback is 100% welcomed!