Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
29
Comments
2
Pablo
@ackDeckard

All comments

  • Dolly-Pee•140
    @Dolly-Pee
    Submitted almost 2 years ago

    NFT preview card with flexBox

    1
    Pablo•550
    @ackDeckard
    Posted almost 2 years ago

    Almost there Dolly-Pee 👏

    Two suggestions:

    a) Use grid or flex to align items at the center of the screen. For example with grid you'll need to add this to your <main>

    display: grid; justify-items: center; align-items: center;

    b) Move your divs to their own <section>.

    <main style="display: grid;justify-items: center;align-items: center;"> <section>

    <div class="card container"> .... </div>

    <div class="attribution"> .... </div>

    </section>

    </main>

    With these suggestions you'll have everything in the center.

    Marked as helpful
  • Koya•310
    @koyaboy
    Submitted over 2 years ago

    NFT preview card component using flexbox

    2
    Pablo•550
    @ackDeckard
    Posted over 2 years ago

    Hello Koya,

    Congratulations on successfully completing another challenge!

    I would like to suggest that you add two things:

    • white-space: nowrap; to your price-days-left class. This will prevent the line from wrapping.
    • border-radius: 8px; to your image to add a rounded borders.

    Keep going 👏

    Marked as helpful
Frontend Mentor logo

Stay up to datewith new challenges, featured solutions, selected articles, and our latest news

Frontend Mentor

  • Unlock Pro
  • Contact us
  • FAQs
  • Become a partner

Explore

  • Learning paths
  • Challenges
  • Solutions
  • Articles

Community

  • Discord
  • Guidelines

For companies

  • Hire developers
  • Train developers
© Frontend Mentor 2019 - 2025
  • Terms
  • Cookie Policy
  • Privacy Policy
  • License

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub