Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
7
Comments
3
P

Amy

@aepostenSanta Clara, CA130 points

I’m a mysterious individual who has yet to fill out my bio. One thing’s for certain: I love writing front-end code!

Latest solutions

  • Profile Card Using HTML and CSS


    P
    Amy•130
    Submitted over 2 years ago

    1 comment
  • NFT Card Using CSS Flexbox


    P
    Amy•130
    Submitted over 2 years ago

    0 comments
  • Order Summary Card Using Mobile First Design and CSS Flexbox


    P
    Amy•130
    Submitted over 2 years ago

    0 comments
  • Responsive Preview Card Using CSS Flexbox


    P
    Amy•130
    Submitted over 2 years ago

    0 comments
  • 3 Column Card Using CSS Flexbox and Mobile First Design


    P
    Amy•130
    Submitted over 2 years ago

    1 comment
  • A QR Code Component Page using CSS Flexbox


    P
    Amy•130
    Submitted over 2 years ago

    0 comments
View more solutions

Latest comments

  • Glozsa•180
    @Glozsa
    Submitted over 2 years ago

    Day #6 learning Front-End :D

    1
    P
    Amy•130
    @aeposten
    Posted over 2 years ago

    Great work! I noticed when previewing the site that you have a persistent vertical scroll bar. This is because of the default margin of 8px that is added to the body. You can override this by setting the margin on the body to 0.

    Marked as helpful
  • Els G•180
    @elsgoossens
    Submitted over 2 years ago

    HTML, CSS

    2
    P
    Amy•130
    @aeposten
    Posted over 2 years ago

    The gap below your image is because your image is rendered as an inline element by default. If you change the display property of the div it's nested in (the one with class of main-img), it will remedy this. This article on Geeks for Geeks does a great job of explaining why this happens: https://www.geeksforgeeks.org/how-to-get-rid-of-the-gap-under-the-image/

    Marked as helpful
  • Fathima Nuha•30
    @Fathima-Nuha
    Submitted over 2 years ago

    Fathima-Nuha-Product-card-mobile-view

    2
    P
    Amy•130
    @aeposten
    Posted over 2 years ago

    The gap below your image is because your image is rendered as an inline element by default. If you change the display property to remedy this. This article on Geeks for Geeks does a great job of explaining why this happens: https://www.geeksforgeeks.org/how-to-get-rid-of-the-gap-under-the-image/

    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

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