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

Saumya Verma

@nikkuvIndia565 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

  • Job Listing with React and Tailwind CSS


    Saumya Verma•565
    Submitted over 3 years ago

    0 comments
  • Rest-country-api-with-theme-switcher-using-react and tailwind CSS


    Saumya Verma•565
    Submitted about 4 years ago

    1 comment
  • Dark mode toggle with CSS Grid


    Saumya Verma•565
    Submitted almost 5 years ago

    2 comments
  • Project tracking intro component Page


    Saumya Verma•565
    Submitted almost 5 years ago

    0 comments
  • Mobile-first, scss, and BEM


    Saumya Verma•565
    Submitted almost 5 years ago

    1 comment
  • Landing Page Using Client Side Validation With JS


    Saumya Verma•565
    Submitted over 5 years ago

    1 comment
View more solutions

Latest comments

  • Sarah Atici•50
    @saki1994
    Submitted almost 4 years ago

    Responsive ToDo list made of ReactJS and SASS

    1
    Saumya Verma•565
    @nikkuv
    Posted over 3 years ago

    Hye! I'm working on the same project, for now, your one is really good, plus you can use react Dnd for drag and drop in react.

    Marked as helpful
  • Akshita Sharma•55
    @Akshita-Sharma-25
    Submitted almost 5 years ago

    fylo-website using HTML,CSS and Bootstrap4

    1
    Saumya Verma•565
    @nikkuv
    Posted almost 5 years ago

    Hye Akshita ! you can improve the style of your testimonial card and in the footer, the logo is in black, if it is available in SVG you can change the "fill" property to set it white, also you can improve your social media icons, and set "aria-label" to resolve the accessibility issues on both the input and the link.

  • sonickonic•700
    @sonickonic
    Submitted almost 5 years ago

    CSS animations, Sass and BEM

    2
    Saumya Verma•565
    @nikkuv
    Posted almost 5 years ago

    All animations are really really cool, there are accessibility issues but if you'll use "aria-label" on your links then it will be fine.

  • Thomas Sankara•1,390
    @SankThomas
    Submitted almost 5 years ago

    Ping Coming Soon One Column Landing Page using HTML, CSS and JS

    2
    Saumya Verma•565
    @nikkuv
    Posted almost 5 years ago

    First, apply all error styles with a class to the element, then select the element in js DOM and add that class to the element using the email regex function with conditionals. For email validation, you can use this email regex function👇

    function validateEmail(email) {
        const re = /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
        return re.test(String(email).toLowerCase());
    }
    
  • Kerri-Ann•330
    @Kerri-AnnBates
    Submitted almost 5 years ago

    Mobile first approach using Sass and BEM methodology

    3
    Saumya Verma•565
    @nikkuv
    Posted almost 5 years ago

    You did a great job on your first project. It almost looks the same as in the design. All you have to do is on your share button set the style of "outline: none" on focus, like this. &:focus{ outline: none; }

  • arsenii Dmitrievv•120
    @RusssianMusketeer
    Submitted about 5 years ago

    Fly landing page, responsive using flexbox

    1
    Saumya Verma•565
    @nikkuv
    Posted about 5 years ago

    You can solve accessibility issue by using "aria-label" on input and a button of "type=submit" in form:) that was also my first mistake !! And remove the space from your file name for HTML Validation.

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

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