Skip to content
Submitted over 3 years ago

Challenge 4|| 3 column preview card

Sachin Mulgir•110
@SachinMulgir
A solution to the 3-column preview card component challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

This is not a responsive site. Would like to take suggestions on making it responsive. Thank you!

Code

Please log in to post a comment

Log in

Community feedback

  • Akhlak Hossain Jim•1,325
    @Akhlak-Hossain-Jim

    Great work so far.

    Here is how you can solve the issue:

    • instead of height: 100vh; in body{...} add min-height: 100vh;.
    • add a media query for main and add these style rules width: 100%; flex-direction: column; margin: 24px;

    happy coding :)

    Marked as helpful

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