Skip to content
Submitted about 3 years ago

Made mistakes and don`t understand them

Andrii•25
@andriime
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...3-column preview card component
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

It looks really not bad in file on my PC, but after I uploaded it on GitHub my divs stretched and their height doubled. Also mobile version absolutely doesn`t work. I guess my mistakes are really stupid, so, please, tell me how it should work

Community feedback

  • Fury•945
    @ashiqfuryPosted about 3 years ago

    Great work.

    • Put your three columns in a container. Use flexbox in body tag to center the container.
    • In mobile view, change flex-direction: column in container.

    If you don't know, how to use flexbox, add display: block in div element on mobile view. It will display the div elements one by one.

    Thanks.

    Marked as helpful
    0

Please log in to post a comment

Log in with GitHub

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