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

Blog Main Preview Card

@R3iwan

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?

Proud of to concentrate my power and attention to this project and after creating it, i enjoyed it so much, i love this project.

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

Some problems with divs and img, when it doesn't go to the center, i was angry about it xD, but i'm happy to handle this problem

Community feedback

@mkamburdev

Posted

Hi 🖖,

the design looks very nice and closely resembles the original, you've done a great job, congratulations. My only suggestion would be to add a border to the ".main" class in your styles.css file, line 56. I think this will make the design closer to the original, that's the only thing missing. Everything else is great.

.main {
    border: 1px solid hsl(0, 0%, 7%);
}

Hope this was helpful. Happy coding! 🤩

Marked as helpful

0

@R3iwan

Posted

@mkamburdev Thank you so much, i'll remember this for future projects

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