Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
9
Comments
3
Karthik SP
@karthisp

All comments

  • Rohit Bose•30
    @ROHIT-130SE
    Submitted over 1 year ago

    Results summary component

    2
    Karthik SP•110
    @karthisp
    Posted over 1 year ago

    Great work Rohit.

    Just a few suggestions

    • Give <html>, <body>, #container a height of 100% and align #container to the 'center' using align-items CSS property for flex.
    Marked as helpful
  • Kyle•50
    @kylecloete
    Submitted over 1 year ago

    Interactive Rating Component Using Simple JavaScript

    1
    Karthik SP•110
    @karthisp
    Posted over 1 year ago

    Great Job.

    Looks very close to the original design.

    Just a few suggestions

    1. increase the 'letter-spacing' for button text
    2. Increase line height for <p>
    3. 1 rem margin for '.rating_component' and <h1> should be good enough
  • Melvin Aguilar 🧑🏻‍💻•61,020
    @MelvinAguilar
    Submitted over 2 years ago

    Article preview component (Tailwind CSS + JavaScript)

    #accessibility#tailwind-css
    13
    Karthik SP•110
    @karthisp
    Posted about 2 years ago

    Hi @MelvinAguilar you've done a great job with implementing the given design. Keep up the good work. I've got a lot of things to learn from you.

    Just a small suggestion:

    I see that you've used clip for sr-only (H1), instead try using clip-path. Apparently, that's what is recommended. https://developer.mozilla.org/en-US/docs/Web/CSS/clip-path

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