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-preview-card-main

@yassawambessaw24

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


Hope to get a feedback from my fellow developer brothers and sisters. Thank you.

Community feedback

@bccpadge

Posted

Hello @yassawambessaw24. Congratulations on completing this challenge!!!🎉

HTML 📃:

  • Every website must have <h1>

Example: <h1>HTML and CSS foundations</h1>

  • Main img is decorative and you add aria-hidden: true;
  • Avatar image should have alt text

<img src="assets/images/image-avatar.webp" alt="headshot of Greg Hooper">

Hopes this helps you

0
Nrosta 530

@Nrotsa

Posted

Hello yassawambessaw24 Your solution is missing one thing and that is a box-shadow that becomes larger when hovered over. If you check the design when you don't hover over the cart, the content shadow should be smaller and become bigger (as in your work) when you hover over it. Other than this one small feature, you did a great job!

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