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

Responsive Blog Preview Component using SASS and Flexbox

Eyob alex 60

@Eyobalex

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 have tried to avoid manually setting spacing for this challenge and used flexbox instead.

What challenges did you encounter, and how did you overcome them?

I encountered some challenges on responsiveness. Specifically when i resize the screen width the content height is getting reduced and the background color of the content is not covering the entire page.

What specific areas of your project would you like help with?

I would like to get some feedback on how i can overcome the above challenge and the best practices.

Community feedback

Kikino02 160

@Kikino02

Posted

Add additional hover effect on h1, body height set to 100vh and background color to yellow, I have larger screen, and it doesn't look good. At the end, i would add transition on card, It will be better effect :)

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