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

Alan

@Pound-Hash60 points

My aim is to make websites that look and operate as the designers intended.

Latest solutions

  • Responsive NFT Card (version 2)

    #accessibility

    Alan•60
    Submitted over 2 years ago

    0 comments
  • Responsive NFT card


    Alan•60
    Submitted over 2 years ago

    1 comment
  • Responsive QR Code


    Alan•60
    Submitted almost 3 years ago

    0 comments
  • Responsive preview card built with Semantic HTML, Grid, and Flexbox.


    Alan•60
    Submitted almost 3 years ago

    2 comments
  • Responsive card built with semantic HTML


    Alan•60
    Submitted almost 4 years ago

    0 comments

Latest comments

  • Fernanda Vidal•50
    @ifdotcom
    Submitted almost 4 years ago

    stats-preview-card-component-main

    1
    Alan•60
    @Pound-Hash
    Posted almost 4 years ago

    Hi Fernanda. Your project is almost pixel-perfect. The one problem you have is the picture. You loaded it with HTML, but this doesn't allow for much customization. You'll need to load it with CSS if you want the color to look more like the design. When loading with CSS, you'll want to apply the linear-gradient value of the background-image property. You'll also want to apply the brightness value of the filter property. This will correct the coloring of the picture. Lastly, the image doesn't resize well to some middling resolutions. You'll want to apply the aspect-ratio property to it to correct this.

    Marked as helpful

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