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

3-column preview card component solution

Aaron Li 90

@aaronli722

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


I come up with a question about body height when working on desktop and mobile view.

In Desktop view, in order to vertically center the Card, I set the body to flexbox and give a height of 100vh to it so the property align-items can take effect.

But when working on the mobile view, as the Card becomes so long that it exceeds the screen height, I have to change the body height to auto.

So, is it possible to give a setting to body height so it can work well in both desktop and mobile view (and exceed screen height)?

Community feedback

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