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

Sridarshan

@sridarshan-webjava60 points

I’m a mysterious individual who has yet to fill out my bio. One thing’s for certain: I love writing front-end code!

Latest solutions

  • Advice Generator Application using HTML, CSS, JS and Advice API


    Sridarshan•60
    Submitted about 3 years ago

    2 comments
  • QR code component design using Tailwind CSS

    #tailwind-css

    Sridarshan•60
    Submitted about 3 years ago

    1 comment
  • Stats Preview Card Component - Using HTML And CSS (Flexbox, Variables)


    Sridarshan•60
    Submitted almost 4 years ago

    2 comments

Latest comments

  • Ngewe Oluka Amenyaobari•30
    @IzzyDoes
    Submitted about 3 years ago

    Simple html/css page. Multilayered

    2
    Sridarshan•60
    @sridarshan-webjava
    Posted about 3 years ago

    Amazing work and congratulations for completing the challenge!

    Using min-width or max-width for media queries depends on how you approach the solution. If you go for a mobile-first approach then you might probably use min-width. Else you might use max-width.

    Also in your solution, the container seems to be overflowing in small screen sizes. Do ensure that the container is responsive in smaller screen sizes as well

    Happy coding!

    Marked as helpful
  • Mercy Ezeh•20
    @mercy-sommy
    Submitted about 3 years ago

    Desktop First - Profile-Card-Component

    #accessibility
    2
    Sridarshan•60
    @sridarshan-webjava
    Posted about 3 years ago

    Your site is not available for viewing. Do check out the deploy logs on netlify to verify whether the code was successfully deployed or not.

    Cheers

  • Abdelghafour•580
    @Abdelghafour122
    Submitted about 3 years ago

    Qr code component using React.js and MUI

    #react#material-ui
    2
    Sridarshan•60
    @sridarshan-webjava
    Posted about 3 years ago

    Just my perception. You can have the modal shown first to generate a QR code. When nothing is entered, the default QR design can be displayed thereafter hiding the modal. If something is entered, the corresponding QR code can be attached. An icon can be used to toggle back to the modal screen to edit the link or text.

    But it was a great thought on using a QR generator to enhance the application. Kudos and 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

Beta Member

This badge is a shoutout to the early members of our community. They've been around since the early days, putting up with (and reporting!) bugs and adjusting to big UX overhauls!

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