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

Made using css flexbox

P

@AlexandruStefanGherhes

Desktop design screenshot for the 3-column preview card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


Nothing much to add here, i enjoyed completing this challenge. The only hiccup that i encounter was when trying to apply justify-content:center to align vertically the content in the page, in my mobile display half of the first first card was out of the display and unable to scroll up to it, hence i just applied margin-top to the whole section element.

Community feedback

imad 3,330

@imadvv

Posted

Greetings Alexandru Stefan Gherhes!! Congratulations on completing This challenge!, 👏👏👏. easy fix is to change the fix height height:100vh on body to min-height:100vh, The min-height let the body grow as needed,

Over All you did Great, Happy coding and Have a Good Day/Night 👍

Marked as helpful

1

P

@AlexandruStefanGherhes

Posted

@imadbg01 It worked, thank you for the advice.

1

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