Skip to content
Submitted over 2 years ago

media Query for mobile and html/css

Austin•330
@waustin45
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...NFT preview card component
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

I used margin top to get the container centered on the body. I am unsure that is the best way to do it, but that is the simplest way I know so far. Overall, I enjoyed this project for being quick and helped me work with and understand flex box a little more.

Community feedback

  • Adekemi•110
    @MhifeePosted over 2 years ago

    Hello there, you´ve done a really great job! To get the card centered on the body, use: body{ display: flex; min-height: 100vh; justify-content: center; align-items: center; } This should perfectly center your card with the addition of your margin.

    Your border line should not be as thick as that. Use border-top: 1px solid hsl(215, 32%, 27%); Please kindly mark as helpful if you´re able to resolve it. Thanks

    Marked as helpful
    0
    Austin•330
    @waustin45Posted over 2 years ago

    @Mhifee I will go and see how that works. I appreciate the help!

    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