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 card challenge using Flexbox

Dani 20

@didonatodani

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?

It's been a long time since I work from scratch in a project with HTML and CSS, so I wanted to develop this challenge in a simple way. Next time I would try to take it to the next level, revising and practising a bit of SASS, and really trying to write code as little as I could.

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

I did not encounter a challenge as such, but I know the code I wrote can be improved a lot.

Community feedback

@SvitlanaSuslenkova

Posted

I see you added flex, but your project didn't align to the center. The problem is you should add to your flex also min-height: 100vh; Currently, the height of the body is the same as the component in it.

Marked as helpful

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