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

All comments

  • jjjayed•270
    @jjjayed
    Submitted almost 4 years ago

    Profile Card Component with Flexbox

    2
    jjjayed•270
    @jjjayed
    Posted almost 4 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 almost 4 years ago

    Stats Card With Sass

    2
    jjjayed•270
    @jjjayed
    Posted almost 4 years ago

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

  • Rafael•90
    @rafaelisidorio-dev
    Submitted almost 4 years ago

    Solution using just html and css

    1
    jjjayed•270
    @jjjayed
    Posted almost 4 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 almost 4 years ago

    flexbox, html, css

    1
    jjjayed•270
    @jjjayed
    Posted almost 4 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.

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