Skip to content
Submitted 11 months ago

responsive blog preview card using css

Zozobrack•150
@Zozobrack
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Blog preview card
  • HTML
  • CSS
1newbie

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,270
    @danielmrz-devPosted 11 months ago

    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

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