Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
8
Comments
4

Jesse Ma

@jma26Orange County, CA95 points

Aspiring Software Developer with SERIOUS Imposter Syndrome 😂.

Latest solutions

  • Four Card Challenge with HTML, CSS


    Jesse Ma•95
    Submitted over 3 years ago

    0 comments
  • Article Preview w/ HTML, CSS, Vanilla JS


    Jesse Ma•95
    Submitted over 3 years ago

    2 comments
  • Social Proof with HTML + CSS


    Jesse Ma•95
    Submitted over 3 years ago

    1 comment
  • FAQ Accordion - HTML, CSS, JavaScript


    Jesse Ma•95
    Submitted almost 4 years ago

    1 comment
  • HTML CSS Profile Card


    Jesse Ma•95
    Submitted almost 4 years ago

    1 comment
  • 3 Column Card with HTML, CSS, GridBox


    Jesse Ma•95
    Submitted almost 4 years ago

    1 comment
View more solutions

Latest comments

  • TechOperations1•10
    @TechOperations1
    Submitted 8 months ago
    What are you most proud of, and what would you do differently next time?

    I have built websites using WordPress and page builders like Elementor and this is the first time I created something from scratch using HTML and CSS. I learned more about selectors can get very specific to the element and how properties will apply to certain elements.

    What challenges did you encounter, and how did you overcome them?

    The hardest part is where to start. How the layout should go and what font size, color, spacing to get the final product to match close to the image.

    What specific areas of your project would you like help with?

    This is my first time creating UI using HTML and CSS. I would like feedback what you guys think for my first small project.

    Responsive price component

    1
    Jesse Ma•95
    @jma26
    Posted 8 months ago

    Hey! Congrats on your first UI using HTMl and CSS! I highly recommend looking into mobile-first CSS approach so instead of setting yourself multiple media queries with a max-width, you can actually make it cleaner with min-width. It's mobile friendly enough, but you can definitely optimize this with less CSS if you build from the smallest screen size to desktop

  • Jesse Ma•95
    @jma26
    Submitted over 3 years ago

    Article Preview w/ HTML, CSS, Vanilla JS

    2
    Jesse Ma•95
    @jma26
    Posted over 3 years ago

    Thanks for the feedback! I missed big time on the accessibility attributes...lol I guess that's what I get without checking.

  • Eduardo Nascimento•140
    @eduardosgn
    Submitted over 3 years ago

    Responsive Page!

    2
    Jesse Ma•95
    @jma26
    Posted over 3 years ago

    Not a bad start! I'd recommend looking into updating the semantic elements of your upper-half part. You have a header tag wrapping the actual header and the star review section. I think it'd be wise to actually separate the star review section as its own section to be more semantically valid

  • Jose Delgado•10
    @Eraster14
    Submitted almost 4 years ago

    Order Summary Card, Mobile First

    1
    Jesse Ma•95
    @jma26
    Posted almost 4 years ago

    I'd recommend looking into implementing box-shadows. Just from the "design comparison", it seems like there are no shadows at all especially on the "Proceed to Payment" button. A tad touch of a soft, diffused box-shadow would make the button + card show elevation.

    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

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