All solutions

Heya!

This was my first time using Grid in earnest, and for the mobile design, it felt quite straightforward—I used one main column and then used either Flexbox or Grid in each of the content sections as necessary.

For the desktop design, I used a 2 x 2 grid for the main content and another grid to style the div containing the main image and related text, where I had to do quite a lot of fiddling to make it align with other parts of the page. If I were to do this challenge again, I would definitely use a 3 x 3 grid for the main content to try and reduce the extra styling I had to do.

I've just started learning to code again after taking a longer-than-intended break. This project really tested my ability to recall knowledge I haven't used for a while. It helped me gauge how much I remember (surprisingly more than I thought!) and what I need/want to work on.

Admittedly, most of my time on this project was spent tweaking the CSS to reflect the design images as accurately as possible.