All solutions

What are you most proud of, and what would you do differently next time?

I am proud that I have been able to recreate the web design using CSS.

What challenges did you encounter, and how did you overcome them?

Making the cards responsive. I opted to use % when defining width and height.

What specific areas of your project would you like help with?

I am using media queries. I do not have a problem with styling small devices (phones) and any large devices (desktop) the problem lies within medium devices (tablets). When I write this : @media only screen and (min-width:600px) { /* lines of code*/} it is breaking the code for desktop (when the width is more than 1200px). That's the problem.

What are you most proud of, and what would you do differently next time?

I was able to make the card responsive and it looks good.

What challenges did you encounter, and how did you overcome them?

Knowing how to use media queries. I used w3Schools as a reference.

What specific areas of your project would you like help with?

I am used to using px to define width and height but they are not good with responsive design. I would like to know how to use em, rem and fr.