Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Frontend Mentor | Blog preview card

P

@Stephanie-Dennehy

Desktop design screenshot for the Blog preview card coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


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

I was able to complete this challenge faster than the previous one. I think it was easier since the style was similar to the previous challenge.

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

I got stuck a little with trying to make the card responsive without using media queries. I did some research and found the clamp function to use in my CSS. I tried to use that but could not see any difference when I implemented it, so I changed my units back to rem. I will continue to experiment with different options to make this work.

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

I did try to implement the clamp function in my CSS to achieve the text size changes without using media queries but I could not get it to work correctly so I went back to rem units. If anyone has tips for using this or a better solution I'd love some input!

Community feedback

Please log in to post a comment

Log in with GitHub
Discord logo

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord