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 using HTML & CSS

@rachelmorgan22

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

f1r3 120

@f1r3place

Posted

hi there! congrats on completing the challenge! here's some feedback

  • i love how close you got the spacing to the design!
  • there's some issues with the formatting of the CSS, you could use the Alt+Shift+L keybind to autoformat in VSCode if you're using that, probably possible in all other editors too
  • instead of translating the hsl colors into hex values by hand it would be wiser to use them directly (maybe as custom properties?)
  • you didn't import the actual "abstract illustration" image, instead writing the spec as the src into the <img> tag. you could either write the actual location of the SVG, or copy the code from the file directly into the html/css

that's about it. good luck on your challenges!

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