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

jason12119

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

  • JQuery calculator in HTML and Less


    jason12119•140
    Submitted almost 4 years ago

    0 comments
  • Stats preview card component via flex


    jason12119•140
    Submitted almost 4 years ago

    0 comments
  • Grid three column layout time challenge


    jason12119•140
    Submitted almost 4 years ago

    0 comments
  • Tip Calculator using html, less and non-objective jquery


    jason12119•140
    Submitted almost 4 years ago

    1 comment
  • Four card feature section


    jason12119•140
    Submitted almost 4 years ago

    0 comments

Latest comments

  • Pankaj Shalikram Pawar•120
    @DamnItAzriel
    Submitted almost 4 years ago

    Responsive webpage using HTML and CSS

    2
    jason12119•140
    @jason12119
    Posted almost 4 years ago

    I'm not sure if you can add colour to an image in css. What I do is that I make an absolute positioned overlay with a background colour. You can either set the alpha channel of the colour for transparency, or you can use opacity (opacity can be animated, not sure if colour change can)

    Marked as helpful
  • Massoud•170
    @Massoud5
    Submitted almost 4 years ago

    Mobile First - Stats Preview Component

    2
    jason12119•140
    @jason12119
    Posted almost 4 years ago

    I just see that the purple image overlay is much lighter than in the preview. Other than that, I think you nailed it.

    Marked as helpful
  • Nabil-Y•150
    @Nabil-Y
    Submitted almost 4 years ago

    Stats Preview Card Solution

    2
    jason12119•140
    @jason12119
    Posted almost 4 years ago

    I see two things you could improve on. First is the headline, which has much smaller font size than the preview. If you struggle with choosing proper font sizes, study how to use EM units, as they help quite a lot.

    Another thing I see is that the padding on the left half of the card is kinda off (bottom is very big compared to the rest). If you want to have the last element (which here are the statistics) at the bottom, you can use absolute positioning (I don't recommend) or flex positioning (I highly recommend).

    Keep coding and enjoy :)

    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

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