All solutions

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

This challenge required some investigation to match all the details in the design.

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

The main challenges were related to matching the little details in the design:

• change the font variant for the list numbers.
• align the list markers and corresponding text.

To solve this, I did some investigation and experimentation.

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

I used some of the same concepts as in previous solutions.

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

Nothing in particular.

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

Any feedback is welcome! :)

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

I'm proud I found a way to reduce font size for smaller screens without using media queries by using the clamp() CSS function.

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

Initially, I didn't know how to reduce font size for smaller screens without using media queries so I had to search online for a suitable solution and read through several articles.

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

I'd like to know if there are other viable options to reduce font size for smaller screens without using media queries.

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

Since this is a simple component, I kept this solution as simple as possible.

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

Search how to add Google fonts and a style sheet.

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

How to make the subtle box shadow to the card so it resembles the design.

I'm mainly interested in knowing other ways to achieve the image color change and how to make the image fit correctly in laptop view (even with page resizing). Any feedback is welcome :)