Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
8
Comments
2
jimmy
@jimmyhachem

All comments

  • Akanni Feyisara•110
    @Feyisara2306
    Submitted almost 3 years ago

    Responsive NFT-Preview card

    #accessibility
    2
    jimmy•200
    @jimmyhachem
    Posted almost 3 years ago
    1. in the body : 'display:flex; justify-content: center; align-items: center; height: 100vh' , But you would have to correct the width and height of the 'wrapper'.

    2. Put everything in a div and add 'display:flex; justify-content: center; align-items: center; , width: 100%.

    3. in the wrapper : 'position: relative , left:50% , top:50% , transform: translate(-50% , -50%)'

    Hope this helps :)

    Marked as helpful
  • Isaura•120
    @isauraisabel5
    Submitted about 3 years ago

    Sunnyside Agency Landing Page

    1
    jimmy•200
    @jimmyhachem
    Posted almost 3 years ago

    try putting the photos below the orange one , in a single div then put 'display: flex' 'flex-wrap: wrap' on that div with a width of 50% for each one of them . Then change it to flex-direction: column and width 100% in a media query of 800px or 900px. If you don't know how to do it, check my code. It's in the hero section with class='hero' and each image has a class='box' Hope this will help you!

    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