Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
41
Comments
45
P
Nishanth Venkatesan
@nishanth1596

All solutions

  • Responsive Dictionary app

    #axios#react#tailwind-css#typescript

    P
    Nishanth Venkatesan•1,030
    Submitted 3 months ago

    I was unable to style select element, if I create it using divs, I can but I want keep the code semantic Any help in here is much appreciated.


    1 comment
  • Responsive Audiophile ecommerce website

    #react#react-hook-form#react-router#redux-toolkit#tanstack-query

    P
    Nishanth Venkatesan•1,030
    Submitted 3 months ago

    1 comment
  • Advice generator

    #react#tailwind-css#typescript

    P
    Nishanth Venkatesan•1,030
    Submitted 4 months ago

    0 comments
  • Responsive product-list-with-cart

    #react#redux-toolkit#tanstack-query#typescript#pure-css

    P
    Nishanth Venkatesan•1,030
    Submitted 4 months ago

    The alignment of the "Add to Cart" button is incorrect, and I’m not sure why it’s getting wrapped. However, if I remove left: 50%, the issue is resolved. It seems to be related to positioning—since there isn’t enough space, the button is wrapping to the next line.

    I've never encountered this issue before, so I’m unsure how to fix it. Any help would be greatly appreciated.


    3 comments
  • Responsive bookmark landing page

    #motion#react#react-hook-form#typescript#tailwind-css

    P
    Nishanth Venkatesan•1,030
    Submitted 4 months ago

    I need help with adding the background image and text decoration (underline).

    Currently, the width of the underline remains constant instead of adjusting dynamically based on the content. I’d appreciate any help in resolving these two issues.


    1 comment
  • Room homepage

    #react#tailwind-css#typescript

    P
    Nishanth Venkatesan•1,030
    Submitted 4 months ago

    I need help in making this page responsive for the screens between 768px and 1024px


    1 comment
  • Responsive React Quiz with light and dark theme switcher

    #react#redux-toolkit#tailwind-css#tanstack-query#typescript

    P
    Nishanth Venkatesan•1,030
    Submitted 4 months ago

    Any feedback is much appreciated!


    1 comment
  • Responsive Loopstudio landing page

    #react#tailwind-css#typescript#vite

    P
    Nishanth Venkatesan•1,030
    Submitted 4 months ago

    I need help in blurring the background image on hover


    1 comment
  • Responsive Password Generator App

    #react#typescript#tailwind-css

    P
    Nishanth Venkatesan•1,030
    Submitted 4 months ago

    I need help in Styling the input slider. Any other feedback is also much appreciated.


    1 comment
  • Responsive News homepage in React JS

    #react#tailwind-css#typescript

    P
    Nishanth Venkatesan•1,030
    Submitted 5 months ago

    I need help in styling the menu button in mobile screen. I am struck with this and unable to go any further.


    1 comment
  • Responsive contact form

    #react#react-hook-form#tailwind-css

    P
    Nishanth Venkatesan•1,030
    Submitted 5 months ago

    I need help in these areas

    1. How do I change the styling of the radio and checkbox, after it has been checked or clicked
    2. Is my code readable and understanble? or did I just make it very messy?

    These areas of help would be much appreciated.


    1 comment
  • Responsive faq-accordion

    #react#tailwind-css#typescript

    P
    Nishanth Venkatesan•1,030
    Submitted 5 months ago

    Any feedback is appreciated


    1 comment
  • Responsive Tech-book-club-landing-page

    #react#tailwind-css#typescript

    P
    Nishanth Venkatesan•1,030
    Submitted 5 months ago

    Any feedback is much appreciated. Thank you!


    0 comments
  • Responsive typemaster prelaunch landing page

    #react#tailwind-css#typescript

    P
    Nishanth Venkatesan•1,030
    Submitted 5 months ago
    1. I am unable to adjust the image height according to the design, especially for the hero image (the first keyboard image).

    2. After deployment, I noticed that when I reduce the screen width below 375px, the "WIRELESS WITH BLUETOOTH" text aligns to the left instead of staying centered. However, other components do not show any issues; this problem is specific to this text alone. Please help me with this as well.


    1 comment
  • Responsive fylo data storage component

    #react#tailwind-css

    P
    Nishanth Venkatesan•1,030
    Submitted 5 months ago

    0 comments
  • Responsive bento grid

    #react#typescript#tailwind-css

    P
    Nishanth Venkatesan•1,030
    Submitted 5 months ago

    I am not able to adjust set the correct image size, please help me with that. Thanks in advance

    After deploying, in the live site also star icons are aligned properly but in FrontendMentor design solution comparator, it is somehow not aligning, any idea why this is happening?


    0 comments
  • Responsive meet landing page

    #react#tailwind-css#typescript

    P
    Nishanth Venkatesan•1,030
    Submitted 5 months ago
    1. There is an overlay on the footer image, I dont know how to find the overlay values from figma file not to apply it.
    2. How to give hover background color for the footer button here?

    2 comments
  • Responsive tip Calculator app


    P
    Nishanth Venkatesan•1,030
    Submitted 6 months ago

    1 comment
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

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