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

jjjayed

@jjjayed270 points

https://github.com/jjjayed

Latest solutions

  • Expenses Chart Component with Chartjs


    jjjayed•270
    Submitted almost 3 years ago

    0 comments
  • Advice Generator App with SASS


    jjjayed•270
    Submitted almost 3 years ago

    0 comments
  • Interactive Rating Component with SASS & Vanilla JS


    jjjayed•270
    Submitted about 3 years ago

    1 comment
  • Qr Code Component


    jjjayed•270
    Submitted about 3 years ago

    0 comments
  • Blogr Landing Page with SASS


    jjjayed•270
    Submitted almost 3 years ago

    0 comments
  • Tip Calculator App


    jjjayed•270
    Submitted over 3 years ago

    1 comment
View more solutions

Latest comments

  • jjjayed•270
    @jjjayed
    Submitted over 3 years ago

    Profile Card Component with Flexbox

    2
    jjjayed•270
    @jjjayed
    Posted over 3 years ago

    Thank you for your feedback! I have fixed all the things you have mentioned, except the background images. It was way harder to understand than I thought. I will come back to it some time. Thanks again!

  • rluna15•60
    @rluna15
    Submitted over 3 years ago

    Stats Card With Sass

    2
    jjjayed•270
    @jjjayed
    Posted over 3 years ago

    I think it should be mix-blend-mode:hard-light; instead of background-blend-mode

  • Rafael•90
    @rafaelisidorio-dev
    Submitted over 3 years ago

    Solution using just html and css

    1
    jjjayed•270
    @jjjayed
    Posted over 3 years ago

    Hi there! You can use a media query and add a certain breakpoint, then make the container have flex-direction: column; instead of a row. Hope this helps.

    Marked as helpful
  • Nicole•10
    @Nicoleyvette
    Submitted over 3 years ago

    flexbox, html, css

    1
    jjjayed•270
    @jjjayed
    Posted over 3 years ago

    Hey there! Congrats on your first project. Just a couple of things to address.

    1. A lot of the issues you have right now is because of the lack of responsiveness, that's why the design is strictly for mobile. I highly recommend reading up on responsive web design and using @media queries.

    2. I also noticed that your fonts aren't working because you need to put font-family: Kumbh Sans The plus sign is not needed for the CSS part.

    3. Lastly, a cool trick. Surround the "26" text with a span tag, while still being inside the h1 tag. You can then select that span tag in the CSS and change its font weight to 400.

    Hope this helps.

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