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

@DavidMachio

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

7A9Oo 80

@7A9Oo

Posted

nice work well done 1- you can use figma file to get the real size of elements and margin or padding like box-shadow offset-x and y are 8px 2- use media queries for mobile 3- use css variables to declare your colors. 4- try to create preset style to your font and use them directly

<div class="preset-3-b"> this is div </div>
.preset-3-b{
    font-size: 14px;
    line-height: 1.5;
    letter-spacing: 0;
    font-weight: 800;
}
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