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

Preview Card Blog

@maahbatistaa

Desktop design screenshot for the Blog preview card coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Community feedback

Osman Bayā€¢ 690

@osmanbay90

Posted

Hello

Your project looks great! A small suggestion: your image is not responsive. Avoid using pixels (px) for images; for better responsiveness, use percentages (%).

Change this code:

.imagem img {
  width: 310px;
  border-radius: 15px;
  margin-bottom: 15px;
}

to

.imagem img {
  width: 100%;
  border-radius: 15px;
  margin-bottom: 15px;
}

other than that, your solution looks great.

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