All solutions

This was a lot more exciting to create. It was good to practice the things I learnt from the challenges I faced with the previous project without having to go watch a video. Lovely layout as well.

This was a great design to work on and it was really challenging. I have just started learning how to properly use Grid and Flexbox. I initially tried using grid for this project but I got stuck, so I switched to flexbox which after designing became a nightmare when I used media query to get the cards to stack one upon the other.

I took a break from it all together and started the project again from scratch, with some help from Kevin Powell's YouTube channel. I wanted to also use custom properties for my CSS and I was in a hurry the previous day, but I took my time on day 2 to set each style up in my :root and started working up from there.

Cleaning up my code the way I did and properly organizing each class into its respective group helped make my process a lot better in the updated code.

This is my first challenge and I really just wanted to move from watching tutorials to building actual layouts. I ran into a few issues with display :grid and :flex, trying to decide which ones for which sections but I eventually found a good solution. Also had a few issues with the media query and having to move some styles that I created initially into the min-width for desktop so that I could make changes in the max-width query for mobile. This really taught me how important the 'mobile-first' approach is. Overall, this was a great learning experience.

If you can take some time out to review my code and let me know if it well built: did I approach it correctly or are there any other ways I could have done this better?