Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
22
Comments
7
Sudip Khatri
@SudipKhatri036

All comments

  • yanal abu alrob•160
    @Y-aburob
    Submitted 8 months ago

    Countries api solution

    #fetch
    1
    Sudip Khatri•540
    @SudipKhatri036
    Posted 8 months ago

    Great work on your recent project! I really appreciate the effort you put in. I have founded two issues:

    1. The border countries is static not from api data
    2. Country Filter in america it is showing there are no countries.
      • Here i think you are filtering data according to "America" which should be "Americas" that's why it is showing no countires

    Happy Coding !😊

  • Zahid Mondal•120
    @Zahid9985
    Submitted 8 months ago
    What are you most proud of, and what would you do differently next time?

    I recently created a website, and my proudest moment was completing it successfully, especially as it involved tackling a few technical challenges on my own. Next time, I would pay more careful attention to div arrangement to improve the layout and overall structure.

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

    I encountered challenges with div arrangement in my project. It was tricky to structure the layout precisely the way I wanted, which affected the overall design. However, I tackled this challenge on my own, experimenting with different CSS properties and adjusting the layout until it matched my vision. This experience taught me valuable lessons in layout handling and strengthened my problem-solving skills.

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

    I would like to help others with arranging elements in their web projects. Having faced challenges with layout myself, I understand how effective arrangement can enhance both design and usability, and I’m excited to share what I’ve learned.

    Landing page with curved

    1
    Sudip Khatri•540
    @SudipKhatri036
    Posted 8 months ago

    Great work on your recent project! I really appreciate the effort you put in. Why are you adding width to every element and making it small only for mobile ? you should learn about media querys so that you can make styling according to screen sizes and learn about responisve units and its uses remove width from all container elements and use percentage instead. website is looking good but it should be for all devices not only mobile. Learn more about css and Happy Coding!

    Marked as helpful
  • Roid Zuhdianto•330
    @roidzuh
    Submitted 8 months ago
    What are you most proud of, and what would you do differently next time?

    React, Tailwind CSS, mobile-first approach

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

    none.

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

    Any feedback is welcome!

    Responsive Ecommerce Product Page using React and Tailwind CSS

    #react#vite#tailwind-css
    1
    Sudip Khatri•540
    @SudipKhatri036
    Posted 8 months ago

    Great work on your recent project! I really appreciate the effort you put in. One suggestion I have is to include a confirmation message after checkout btn clicked. I think it would enhance the project more.

  • Evan•200
    @eva003n
    Submitted 10 months ago
    What are you most proud of, and what would you do differently next time?

    implemented the model view controller design pattern i learnt recently

    Product list with cart

    1
    Sudip Khatri•540
    @SudipKhatri036
    Posted 10 months ago

    Well Done! Your solution looks great. These two minor fixes will make your project more perfect

    1. .add-to-cart, .update_quantity { transition: all .5s ease-in-out; // this is making ui experience feel like slow and laggy reduce this value to make user experience better } *while adding item to cart button state is taking more time that's making it feel like slow .

    2. While removing one cart item after adding two or more items the state of added items is not staying same in increase decrease state but it is going back to add to cart state. You can go through my solution for idea it is not that great but i think you will get idea for this.

    Happy coding! 🙂

    Marked as helpful
  • Watership 🌊•320
    @Watership6
    Submitted almost 2 years ago

    Expenses Chart by JetBlack12 | Desktop First

    #svelte#tailwind-css
    1
    Sudip Khatri•540
    @SudipKhatri036
    Posted almost 2 years ago

    I looked at your website its all good but one thing is missing and that is its responsiveness . You should focus on making the website responsive . In mobile view it doesn't show the theme changer button and the website is not fully showing in mobile screen . Happy Coding!

    Marked as helpful
  • Michael Chukwu•360
    @Mike-Dave
    Submitted about 2 years ago

    Newsletter sign-up form with success message

    #tailwind-css
    1
    Sudip Khatri•540
    @SudipKhatri036
    Posted about 2 years ago

    You didn't changed the email in success message all are good . The success message shows static email . And your image is not taking full width in mobile design . Happy Coding !

    Marked as helpful
  • Skat-16•140
    @NatiGech
    Submitted about 2 years ago

    Results summary component using CSS Flex. Used only css and html.

    1
    Sudip Khatri•540
    @SudipKhatri036
    Posted about 2 years ago

    Just remove the padding of ul and it will be fixed 😊

    ul { padding : 0; }

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