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 Card

P

@NouranAlSharawneh

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

@Shayneze

Posted

Github repo is not accessible. (I checked it through the inspector)

Code is well structured and readable, it's a good project. :)

Some improvements to match better the model :

  • add border-radius on the bottom of the image
  • font size are not reduced with smaller screen size
  • too much space at the bottom of the card (below card-poster)
  • increase line-height

Marked as helpful

0

P

@NouranAlSharawneh

Posted

Hey @Shayneze, thank you for the feedback, for the font size to make it responsive, i should use rems instead of pixels? it's just that i was using the figma file and all the units are in pixels. So i should convert the units before using them? and thank you

0

@YacoubDweik

Posted

Habibti Nouran it looks amazing and almose a pixel perfect design! BTW I liked your GitHub Profile sooo much! but the design itself is not responsive, do not use fixed heights and widths the next time ok Habibti? Keep it up Nono!

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