Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
6
Comments
2

Adam Elitzur

@AdamElitzur110 points

I'm an 11th grader trying to learn web dev!

I’m currently learning...

HTML, CSS, JS, React

Latest solutions

  • Insure Landing Page collaboration with HTML and vanilla CSS and JS


    Adam Elitzur•110
    Submitted about 3 years ago

    2 comments
  • 3-column preview card component using HTML and vanilla CSS


    Adam Elitzur•110
    Submitted about 3 years ago

    1 comment
  • Stats Card with HTML and vanilla CSS


    Adam Elitzur•110
    Submitted about 3 years ago

    1 comment
  • Order Summary Card (HTML and CSS)


    Adam Elitzur•110
    Submitted over 3 years ago

    2 comments
  • NFT Card with CSS (flexbox)


    Adam Elitzur•110
    Submitted over 3 years ago

    2 comments
  • QR Code Component


    Adam Elitzur•110
    Submitted over 3 years ago

    2 comments

Latest comments

  • Danilo Barolo Martins de Lima•110
    @danilobml
    Submitted over 3 years ago

    Responsive, using flex-box.

    1
    Adam Elitzur•110
    @AdamElitzur
    Posted over 3 years ago

    Hi Danilo, one thing that can help with the bg is setting background-repeat to no-repeat and background-size to 100%. I also set background-position to top left, and that really helped me with my bg. I'm also having similar responsive issues because I used margin, let me know if you find a solution! Thanks!

    Marked as helpful
  • audina sitanggang•100
    @audinastgg
    Submitted over 3 years ago

    NFT preview card component

    1
    Adam Elitzur•110
    @AdamElitzur
    Posted over 3 years ago

    Hi Audina, the way that I was able to put the space between the price and time was with flexbox. I put both of them (price and time and their images) in a div with a class of details, and gave it a display of flex, then I used justify-content: space-between on that div. If you know about flexbox, you can use that and it worked for me.

    My CSS looked like this: .details { display: flex; justify-content: space-between; }

    Also, to get rid of the accessibility issues, you can wrap everything in the body in a tag like this:

    <main class="container"> </main>

    Hope that's helpful! Let me know if you have more questions!

    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

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

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