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

Sudip Khatri

@SudipKhatri036Kathmandu, Nepal540 points

Hey, I'm Sudip Khatri, a passionate web enthusiast skilled in HTML, CSS, and JavaScript. Eager to become a full-stack developer, I'm learning and growing every day. Let's create something amazing together!

I’m currently learning...

Hey, I'm Sudip Khatri, a web enthusiast mastering both frontend and backend development. From HTML, CSS, and JavaScript to server-side languages, I'm constantly learning and expanding my skills. Excited to create powerful and dynamic web applications .

Latest solutions

  • Responsive Rest Country Api with Theme Toggler using React, Tailwind

    #react#tailwind-css#react-router

    Sudip Khatri•540
    Submitted 8 months ago

    0 comments
  • Responsive Space Tourism Using React, Tailwind

    #react#react-router#tailwind-css

    Sudip Khatri•540
    Submitted 8 months ago

    1 comment
  • Responsive Ecommerce Product Page using React

    #react

    Sudip Khatri•540
    Submitted 9 months ago

    I Would love to get a review on code where I could've done better than this and also best practice. Happy Coding!


    0 comments
  • Blogr Landing Page using HTML, CSS, JavaScript


    Sudip Khatri•540
    Submitted 10 months ago

    0 comments
  • Responsive interactive Product Listing With Carts

    #accessibility#fetch

    Sudip Khatri•540
    Submitted 10 months ago

    0 comments
  • Responsive room homepage using HTML, CSS, JS

    #accessibility#semantic-ui

    Sudip Khatri•540
    Submitted 11 months ago

    Any feedback is welcome! Happy Coding :)


    0 comments
View more solutions

Latest 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
  • P
    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 9 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 9 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 almost 2 years ago

    Newsletter sign-up form with success message

    #tailwind-css
    1
    Sudip Khatri•540
    @SudipKhatri036
    Posted almost 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
View more comments
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