Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
9
Comments
1

Alex

@aadler91110 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

  • Blog Preview Card


    Alex•110
    Submitted over 1 year ago

    1 comment
  • Testemonials Grid Section


    Alex•110
    Submitted over 2 years ago

    0 comments
  • Social Proof Section


    Alex•110
    Submitted over 2 years ago

    0 comments
  • 3-column preview card component (mobile first)


    Alex•110
    Submitted over 2 years ago

    2 comments
  • Product preview card component (CSS Grid)


    Alex•110
    Submitted over 2 years ago

    0 comments
  • Huddle landing page (Bootstrap)

    #bootstrap

    Alex•110
    Submitted over 2 years ago

    0 comments
View more solutions

Latest comments

  • teddy-wests1de•260
    @teddy-wests1de
    Submitted over 2 years ago

    Product Preview Card - CSS

    2
    Alex•110
    @aadler91
    Posted over 2 years ago

    Hi,

    your solution looks very good :-)

    I had this problem just a couple of hours ago, as I did this challenge. I added the following css to the image: width: 100%; height: 100%; object-fit: cover;

    Than the image covers the entire box without getting distorted. I found this resource helpful in understanding that principle: https://developer.mozilla.org/en-US/docs/Learn/CSS/Howto/Fill_a_box_with_an_image

    Hope this will help you!

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