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

Jason Greenwald

@jaycgreenwaldBellingham, Washington200 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!

I’m currently learning...

HTML, CSS, SASS, JavaScript, React

Latest solutions

  • Random advice generator using API call and Sass

    #bem#sass/scss

    Jason Greenwald•200
    Submitted almost 3 years ago

    1 comment
  • Testimonials grid using SCSS and BEM

    #bem#sass/scss

    Jason Greenwald•200
    Submitted almost 3 years ago

    1 comment
  • Prodcut Card using grid, flex, REM

    #bem

    Jason Greenwald•200
    Submitted almost 3 years ago

    2 comments
  • Landing page using grid and flexbox

    #bem#accessibility

    Jason Greenwald•200
    Submitted almost 3 years ago

    1 comment
  • Responsive landing page using SCSS, Grid, Flexbox, and JS

    #bem#sass/scss

    Jason Greenwald•200
    Submitted almost 3 years ago

    0 comments
  • Intro component with input validation

    #accessibility#bem

    Jason Greenwald•200
    Submitted almost 3 years ago

    1 comment
View more solutions

Latest comments

  • Jason Greenwald•200
    @jaycgreenwald
    Submitted almost 3 years ago

    Prodcut Card using grid, flex, REM

    #bem
    2
    Jason Greenwald•200
    @jaycgreenwald
    Posted almost 3 years ago

    Just an FYI - Not sure why the title is only takes up two lines in the screenshot. Looking at the live site, it spans three lines just like the design. I appreciate any insight into why this is the case. (It bugs me, but I'm trying to be laid back about it.)

  • Karolfm12•190
    @Karolfm12
    Submitted almost 3 years ago

    CSS flexbox

    1
    Jason Greenwald•200
    @jaycgreenwald
    Posted almost 3 years ago

    Karolfm12 - Two things that helped me with this part: 1) learning how to insert images with the css BACKGROUND property instead of the html IMG tag and 2) PSEUDO ELEMENTS - specifically the ::after and ::before ones.

    Basically, you use CSS to display the image (instead of HTML), then add a color over the top of it using the ::after pseudo element. Reduce the opacity of the color to let the image show through. I think of it like adding a layer of color on top of an image like you would in Photoshop or similar.

    This is a high level overview of what to do and how to get started. I'm still very new at this so hopefully someone with more experience responds too! But I do think looking into the CSS background property and pseudo elements are a solid start. Cheers!

  • Jason Greenwald•200
    @jaycgreenwald
    Submitted almost 3 years ago

    Responsive landing page using Grid and Flexbox

    #bem
    2
    Jason Greenwald•200
    @jaycgreenwald
    Posted almost 3 years ago

    I read the accessibility report and added aria labels to the social media links. This was my first time using aria so feedback about that is appreciated.

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