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

Flexbox,Custom

@ziedlahbib

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

@JonDoesFrontEnd

Posted

I cannot view the code, but try to look in the design files for more tips about fonts and colors :)

In these free+ challenges there's also figma files where you can see exactly what sizes they've used

0

@sakthivel155

Posted

hai bro! you do great job but do it again slit the part step-by-step .

  • the title of the blog card it overflow so first go from mobile first design it make more easy
  • box-shadow : (x-axis) (y-axis); = box-shadow: 16px 16px ;
  • outline : 1px solid black; make good layout when develop then use this tool pesticide web store on browser it's show the layouts
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