Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
6
Comments
2
NeonCodes
@NeonCodes

All comments

  • Hieu Tran•60
    @hieutran249
    Submitted 10 months ago

    flex, position, transform

    1
    NeonCodes•60
    @NeonCodes
    Posted 10 months ago

    Hello , good job completing the challenge! It looks similar!

    First, the positive: The card is well centered with flexbox. All elements are present and with the font-style in the style guide. I forgot about span and how it helps with styling. That's a nice reminder.

    Second, potential areas of improvement: The corners of the card seem a bit bigger than the photo. You can try 10px for the border-radius . And border-radius:4px for the learning tag. Also, if you want to learn focus and hover states there is this article on web dev Focus-web-dev

    I hope it helps.

    Happy coding!

  • Perry_Y_Z•130
    @Perry2004
    Submitted 11 months ago

    CSS Flexbox, media query

    3
    NeonCodes•60
    @NeonCodes
    Posted 11 months ago

    Hello, Good job completing the challenge! The design is pretty close to the original.

    First, the positive:

    • Your code is very concise and well-organized so we don't get lost while reading it (special mention for the #description selectors and @media in the stylesheet)
    • Didn't know font-optical-sizing existed, that's nice.
    • The card is well-centered and sized with flexbox.

    Second, potential area of improvement:

    • The h1 seems slightly too big. You can try font-size:22px( or convert them to rem using a converter like Calculatorway)

    I hope it helps. Happy Coding!

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