@annaindistress
Latest solutions
Coffee Subscription using React + Vite + Tailwindcss + React Router
#motion#react#tailwind-css#vite#zustandPSubmitted about 1 year agoGitHub user search app using Vite + React + Tailwindcss + Zusstand
#react#vite#zustand#tailwind-cssPSubmitted about 1 year agoE-commerce product page with Vite + React + Tailwindcss + Zustand
#react#vite#zustand#tailwind-cssPSubmitted about 1 year agoURL shortening API landing page using React and Tailwindcss
#motion#react#tailwind-css#vitePSubmitted about 1 year ago
Latest comments
- P@mohammedbahnini
You need just an
overflow-x-hiddenon the body otherwise you did a geat job . - @LeandroJr730What are you most proud of, and what would you do differently next time?
I am proud of doing "the buttons" using lists because I didn't know how to use lists properly, so it took a long time but it worked. Next time I will try to focus more on selecting the right classes to change the style atributtes, because this is why I took a long time to do the buttons.
What challenges did you encounter, and how did you overcome them?I had to search a lot about lists and inline-blocks because none of these approaches were working the way I wanted. But after some hard time trying different things it finally worked.
What specific areas of your project would you like help with?My code is probably longer than needed and it could be more organized. Some tips would be gratifying. I also need some help with the @media. When I zoom in my "buttons" don't work properly, but I don't know how to fix it.
P@mohammedbahniniHi, first of all, congratulations on completing this challenge, I saw your code source and noticed some notes :
- Instead of fixing body height, you can use max-height
- For naming classes, try to use kebab syntax instead of camel case [kebab-syntax]
- For the mainBox use padding to prevent using translateX for items in the list
- Also for the mainBox you can try flex and just give it row-gap for more precise results
Marked as helpful - @annaindistressP@mohammedbahnini
Great job .
- @jumiranda5P@mohammedbahnini
One of perfect solutions out there .
- @marcfrancissP@mohammedbahnini
Hi there , I like your solution , but there are some notes :
- For the filled button you could initialize it with a border , then i then hover state just change the bg-color to transparent .
- The curved sections in the bottom not that close to the design file , you can check my solution for that .
Marked as helpful - @nsimba15P@mohammedbahnini
Hi , your solution looks great , one thing I've noticed it's a little bit broken for tablet target , otherwise , you did a great job .
Marked as helpful
