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 by Sham

@ShamSuther

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?

Right now I am trying to create complete all beginner level components with just custom styles.

Community feedback

@lionns

Posted

Hi Sham,

I noticed that when adjusting the height, the card gets cut off and doesn't display the content properly due to the CSS line "height: 100vh;" in the body tag. To resolve this issue, one solution could be add a height to the html tag "height: 100%" and also add a min-height to the body tag "min-height: 100%". This way, you can scroll into the card without losing content view.

Hope this could help you! Juan 🫶

Marked as helpful

0

@ShamSuther

Posted

@lionns Hey man, thanks for the feedback I really appreciate it, I guess while making it I wasn't really keeping the landscape mode in mind.

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