All solutions

Started this challenge to practice and get comfortable with CSS Grid, it paid off and have a much better understanding now.

Also learnt more about restrictions using the z-index property that I didn't before.

Comments are welcome as always... Happy coding! :)

More practice with HTML and CSS.

Focus on responsive design before I focus on dimensions.

Tips and advice welcome :)

The first challenge I started on Frontend Mentor

Mainly testing out the workflow and docs/style guide

Focus on making the website responsive at all screen sizes

Also tried out Grid for the first time

Dimensions may not be accurate as I'm using a .jpg file to copy designs and not sketch or figma.

When completing the card layout for the desktop screen size I wasn't able to use the "align-content" property to centre the outer cards vertically how I would've liked as this was a wrapped flexbox row within the same div... Instead, I set the "top" property to the outer cards to solve this. If there is a better practice for this scenario please comment as I can implement this in future projects.

Thanks :)