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

Vihaan Sharma

@LemirqLondon, ON250 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!

I’m currently learning...

React, TypeScript, NextJs

Latest solutions

  • Rock Paper Scissors with TS, React, framer-motion, tailwind, zustand

    #framer-motion#react#tailwind-css#vite#zustand

    Vihaan Sharma•250
    Submitted about 1 year ago

    I need to learn how to edit css paths during build time. Currently I have to push it to the repo, and then grab the entire url. For example:

    I want to display an image:

    This URL is not going to work in production as it will point to my main site: https://lemirq.github.io/images/rock.svg and not to the subdirectory: https://lemirq.github.io/rps/images/rock.svg


    1 comment
  • Animated, Responsive, Interactive IP Address Tracker

    #react#tailwind-css

    Vihaan Sharma•250
    Submitted over 1 year ago

    0 comments
  • Responsive Multi-Step form using react, ts, tailwind css and more

    #tailwind-css#typescript#react

    Vihaan Sharma•250
    Submitted almost 2 years ago

    0 comments
  • Profile Card Component with CSS Flexbox, JS(Custom Design)

    #accessibility

    Vihaan Sharma•250
    Submitted almost 3 years ago

    1 comment
  • Profile Card Component with CSS Flexbox & Grid


    Vihaan Sharma•250
    Submitted almost 3 years ago

    0 comments
  • Clipboard App Landing Page with CSS Flex, Anime.js, AOS, animate.style

    #accessibility

    Vihaan Sharma•250
    Submitted almost 3 years ago

    1 comment
View more solutions

Latest comments

  • Ahmet•90
    @akyanu
    Submitted almost 3 years ago

    Clipboard Landing Page

    1
    Vihaan Sharma•250
    @Lemirq
    Posted almost 3 years ago

    Hello Ahmet, Great Solution!

    To answer your question, the .subsection--2 .sub-container is already aligning to the left side. The issue is that the description is taking the entire space that is there, giving the illusion that it is centered. You can add a max-width property to .subsection--2 .sub-container to restrict the amount of space it uses. If you wanted to align the subtitles of those to the left, try removing margin-inline: auto; from .main-container *.

    Cheers!

    Marked as helpful
  • Vihaan Sharma•250
    @Lemirq
    Submitted almost 3 years ago

    Clipboard App Landing Page with CSS Flex, Anime.js, AOS, animate.style

    #accessibility
    1
    Vihaan Sharma•250
    @Lemirq
    Posted almost 3 years ago

    *****Screenshot above is wrong, there is an animation before page load. Please visit website

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