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 Layout

@kamaralamkhan

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

shwerts 100

@shwerts

Posted

Hi, your solution looks well! Here are how you can improve your solution:

  • Avoid using fixed height for container, use min-height property instead to not let overflow happen.

  • Box shadow's property is this: x y blur color; where x & y are element coords offsets, and blur is self-explanatory, every value except for color must have <length> units (for example: rem, px or ch).

  • Replace some divs with semantic elements as <main> for container, <article> for card, <p> for para element. Also, wrap date time (not including published:) in a <time> tag with mandatory datetime attribute (don't forget to write value for this attribute like this: "YYYY-MM-DD").

0
Sigma 40

@sigma-cmxi

Posted

paddings

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