Latest solutions
Advice Generator App - ReactJS / React Query / SASS
#react#tanstack-query#sass/scssSubmitted over 2 years ago
Latest comments
- @himanshuat@marijahavaic
Hi Himanshu, Your project looks great! :)
I find this kind of project perfect for trying out Different ways to fetch API in React.
Hope it helps! :)
- @tan911@marijahavaic
Hi Tan, your solution looks great! You could check your font sizes in the navbar as the dropdowns' font seem slightly bigger than the links. Also, when I hover over the second dropdown, the first one stays open in the desktop version, and they don't open/close in the mobile version (I used Chrome for the browser). Hope it helps! :)
Marked as helpful - @IcyEazy@marijahavaic
Hi Adigun,
here are some resources that helped me with the dropdowns and the sidebar.
- Dropdown menu - This helped me with the dropdown menu in the navbar.
- Dropdown sidebar - This helped me with the dropdown menu in the sidebar.
- Hamburger menu - This helped me with the hamburger menu.
Hope it helps! 😊
Marked as helpful - @yishak621@marijahavaic
Looks great! I agree, closing the menu would be even better. You could maybe consider the hover effect on desktop dropdown menus, from a UX perspective I think they are a much better choice.
I have noticed that the .nav-slide has a red border and .aside-wrapper slides in when you open the menu. Not sure if this was intentional or not (I used Google Chrome as a browser). :)
Marked as helpful - @Eswact@marijahavaic
Hey, I can see a few things you could improve:
- in style-guid.md there is a font that is used for this project (you can easily get it from https://fonts.google.com/)
- there's a background image in images folder pattern-background-desktop.svg which you can add as background-image property in CSS
Hope it helps!
Marked as helpful