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

@MacRay-lab

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?

I am proud of the improvement in my css for now but I look foward in learning more.

Community feedback

P

@slightlybelowzen

Posted

  • Usually good to separate your constants in the style sheet as variables in the css, so you don't have to wonder what the value represents and go back to it again and again.
  • Some of the values in the css are not taken from the design file, which is why the solution screenshot looks different, you can see the value of the spacing, line height, max-width etc. from the design spec. (Not sure if this project provides access to the figma design file without premium)
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