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

GAUTAM SHARMA

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

  • Four-Cards


    GAUTAM SHARMA•60
    Submitted 11 months ago

    1 comment
  • Preview-card


    GAUTAM SHARMA•60
    Submitted 11 months ago

    1 comment
  • Recipe-page


    GAUTAM SHARMA•60
    Submitted 12 months ago

    1 comment
  • Responsive Flex


    GAUTAM SHARMA•60
    Submitted 12 months ago

    1 comment
  • Used responsive flex


    GAUTAM SHARMA•60
    Submitted 12 months ago

    1 comment
  • Responsive QR page with CSS flex-box


    GAUTAM SHARMA•60
    Submitted about 1 year ago

    1 comment

Latest comments

  • Kadir Yıldırım•380
    @kadiryildiri
    Submitted 11 months ago
    What are you most proud of, and what would you do differently next time?

    I was proud to see that I was doing better at Tailwind.

    Four Card Feature | React Vite & Tailwind

    1
    GAUTAM SHARMA•60
    @gautamSH20
    Posted 11 months ago

    Great job its almost similar to the original ,you can give top margin of 150 or 200 px to match it even more

  • Nostromito•190
    @Nostromito
    Submitted 11 months ago
    What are you most proud of, and what would you do differently next time?

    This is the code that I am most proud of yet. The main thing I want to do different is work on my formatting. I feel I still have room for improvement in that area. Less divs as well.

    What challenges did you encounter, and how did you overcome them?

    This was probably the easiest design I've done so far. Formatting was my biggest challenge and patience helped me overcome that.

    What specific areas of your project would you like help with?

    Any tips or constructive criticism welcome.

    Perfume design

    1
    GAUTAM SHARMA•60
    @gautamSH20
    Posted 11 months ago

    Great job at replicating it as it is.......... its impressive

  • Robel T. Hawelti•100
    @Rapbit27
    Submitted 11 months ago
    What challenges did you encounter, and how did you overcome them?

    Setting the main as a card later on in the desktop view from the full display in the mobile view was difficult. But I tried to give it a max-width in the media query and also gave the main parent a margin of 5% for both top and bottom while setting the horizontal margin to auto.

    What specific areas of your project would you like help with?

    I would really like to hear better ways to do what I mentioned above. Because I know the method I used is only an improvised one. Looking forward to your feedback!

    Recipe Page solution

    1
    GAUTAM SHARMA•60
    @gautamSH20
    Posted 11 months ago

    It is really great ,but try putting table border as collapse i.e.:- border-collapse : collapse , and than put:- table tr{ border-bottom: 4px solid black}.

  • Fareed•100
    @hsfarid
    Submitted 12 months ago
    What are you most proud of, and what would you do differently next time?

    I used CSS variables to make my work more clean, readable, and reusable.

    Social Links Profile

    1
    GAUTAM SHARMA•60
    @gautamSH20
    Posted 12 months ago

    The solution looks great and it matches the layout pretty good. As my solution is also smaller in size only thing to do is increase the height of it and more small changes .

  • Synchronize•120
    @TheCookieNoid
    Submitted 12 months ago

    Blog Preview Card

    1
    GAUTAM SHARMA•60
    @gautamSH20
    Posted 12 months ago

    Yes the solution include sematic HTML. Improvements can be made as to its images and alignments and many i think. I think the layout is acceptable . yes the code is structured good and is indeed reusable. I think there is the difference in size ,any advice as to how to improve it will be very helpful.

  • Eliander Rosales•10
    @sessmaar
    Submitted about 1 year ago

    QR card challange

    1
    GAUTAM SHARMA•60
    @gautamSH20
    Posted about 1 year ago

    Yes, the solution include sematic html. yes the solution is accessible, and improvement can be made in the height and the width of qr-card . yes i believe the layout is good int different range of sizes. I can take help with structuring the code properly. The difference between solution and the design id the size of the qr-card , I believe.

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