Skip to content
Submitted 8 months ago

Mobile First Blog Preview Card Component

Shaun Pour•630
@ShaunPour
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

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

I am kind of proud of how quickly I finished this one. Not counting breaks for irl things, this only took a bit under a day to go from start to finish on. I would have liked to do a better job at precise positioning of certain elements and matching the visual style of some text elements however.

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

The main challenge was the fact that I couldn't remember how to do box shadows which I got past using the power of googling.

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

N/A

Community feedback

  • viveknagesh21•60
    @viveknagesh21Posted 8 months ago

    Hey Shaun, I have gone through live site. Maybe you made some changes that made desktop version stretch and affect the alignments.

    Quick fix would be using absolute units for width like

    .card {
max-width : 336px;
}
    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