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

responsive preview card using flexbox

@salahelec2

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?

Next time, I will try using the grid system to approach things differently and practice this topic more.

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

I used the clamp() function to transition from desktop to mobile view, but I didn’t like the result, so I decided to go with media queries instead.

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

I'm seeking advice from anyone who thinks I could approach the challenge differently and more efficiently.

Community feedback

@Smith11b

Posted

Nice man, you nailed it. I don't have much to add here. I dig the idea of using a span for the "learning" badge. I believe I just styled a <p> tag instead, but your way makes perfect sense. Great work.

0

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