3-column preview card component solution

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)?
Please log in to post a comment
Log in with GitHubCommunity feedback
No feedback yet. Be the first to give feedback on Aaron Li's solution.
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