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 blog preview card using css

Zozobrack 150

@Zozobrack

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


Hello it was cool to make this card after a long time without coding, good warm-up!! It's responsive and I only do it with CSS. I'm a beginner so don't hesitate to leave a comment.

Community feedback

Daniel 🛸 44,230

@danielmrz-dev

Posted

Hello @Zozobrack!

Your project looks great!

I have a suggestion for improvement:

  • I noticed that you used a fixed width value for the image. When you use fixed values, the image will not adapt if its container gets bigger or smaller. In this case, you can use width: 100% instead of 300px. This way, the image will occupy 100% of the width of its parent element, no matter what size the screen is.

I hope it helps!

Other than that, you did an excelent job!

Marked as helpful

1

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