All solutions

Any tips for improvement are welcome!

Used Grid to complete this page. Overall found this okay, however wasn't sure how to centre the 'per month' text next to the price. Any suggestions? Tried putting in another nested Grid, but didn't work out how I wanted.

I had trouble with the background images and positioning them. When uploading to Git Hub, they won't show up but show on my live site from Visual Studio. Any tips are appreciated!

I found it difficult to use the media queries, to convert it to mobile design. Specifically I'm not sure why the 100vh wouldn't work for the mobile screen size. Any tips are appreciated.

I wasn't able to get the overlay color working on the image and also had some trouble with the scaling of the image on the desktop version. Any advice for those would be appreciated!

I struggled with getting the background to be the same as the challenge. Any tips on how to achieve this would be appreciated! Also unsure of the use to HTML tags, whether article and sections were used correctly?

Found it difficult to get the image and second flex item to stay the same size upon scaling to different screen sizes. Any tips on using correct measurements and use of height/width are appreciated!

I found it difficult organising code for different sections and possibly over complicating stuff. I'm not so sure of how I handled the right box with the different scores and containers I used for them.

Would appreciate any feedback please! Thanks!

I wasn't able to get the hover state to work on the main image, plus I wasn't sure about the "Creation of [name]" part when trying to hover over a particular bit of text, so I made them separate. Any feedback is appreciated, please.

I found getting the section exactly in the middle of the page and having it scale. I'm not sure of my padding and media use, and if flex was the right option. Would love feedback please.