Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
7
Comments
1
Aaron
@aaronAlien

All comments

  • Satjeet2005•30
    @Satjeet2005
    Submitted 7 months ago

    pc-first flexbox

    1
    Aaron•120
    @aaronAlien
    Posted 7 months ago
    • consider adding a wrapper:
      • applying flex and vh selectors to here will push the .attribution content to the bottom and still keep everything centered.
    <div class="wrapper">
    
    *your card content*
    
    </div>
    
      .wrapper {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        height: 100vh;
      }
    

    :)

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