All solutions

I have to admit that this was quite challenging and frustrating at first, which was disheartening because I thought that I was already well-versed and equipped when I began this challenge, unfortunately, I was wrong. I got so frustrated I had to step out for a few times and challenge myself to think more calmly.

What helped me finally complete this challenged was to dissect each part of the challenge starting from the biggest to the smallest, how their characteristics, and what does translate to in terms of CSS. It feels good to have finally finish this, but I know that there are things I could improve on. I would love to hear your feedback.

I used one media query for now, I'm still new to using media queries, hopefully, I'll get more used to it in the next challenges.

I struggled doing this challenge, but was finally able to complete it. I know that there are a lot of things to improve in terms of the sizing and just how responsive it could be.

I designed the mobile layout first and then used one media query for the desktop layout. It's only my second time using a media query (the first one is for a challenge I'm yet still to finish), so I would appreciate any feedback and insight you might have!

This was by far the most enjoyable challenge I have taken on. It's my first time to use grid and it gives me so much joy that such tool exist, the flexibility and possibilities are basically limitless.

I would love for you guys to take a look at my solution and let me know what you think. Any feedback will be much appreciated.

I know that this isn't the best solution to this challenge, and there are many different things I could've done better/code cleaner, with that in mind, I would love to hear you feedback and insights!