Skip to content
Submitted about 2 months ago

Responsive Blog Preview card

Gustavo Dantas•20
@IrineuRastero
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?

Less difficulty centralizing and working partially with rem.

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

I didn't start with mobile and had some difficulties trying to make the page responsive without media queries, changing the sizes to rem solved a big part of the issues

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

I frequently have path problems that only appear after I upload to Github, Is there any extensions for VS Code that allow you to see how the Github deployment will look like?

Community feedback

  • moonji-spoonji•210
    @moonji-spoonjiPosted about 2 months ago

    Your solution looks a bit smaller but so close to the design, so great work! I also love your responsive design!

    One thing I noticed, even though it's a small detail, the line-height for your .content should be 150% according to the Figma file provided to us, but of course it's not a major difference.

    I think your code is well-structured and easy to read, but I think you would find it beneficial to use the README.md file for the pupose of reflection and future reference! It also serves as a guide for the user/person reading and executing your code.

    Marked as helpful
    0

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