Intro nav dropdown using Tailwind CSS
Design comparison
Solution retrospective
This challenge was a great learning experience! I would appreciate any constructive feedback for this challenge. I tried to spice it up where I could with the SVG and logo hover transitions.
Some things I'm unsure of:
- How do I get the dark overlay to look like the design when the mobile menu is toggled?
In the challenge, I changed the background color of the body on click when the menu is toggled.
- I notice that the main content of this challenge looks a bit funky, is there a better approach I should've taken there?
Community feedback
- @godmayhem7Posted about 2 years ago
wow i really liked your design but i think that instead of using tailwind css you should try to develop your actual css skill that will indeed be helpful when you are using other external libraries
0@thejacksheltonPosted about 2 years ago@godmayhem7 appreciate the comment!
I have been using regular CSS in my development journey since April, so about seven or so months now learning regular CSS & SCSS.
I transitioned to tailwind around two weeks ago. Since tailwind is a utility class framework, you need to understand most of the regular CSS properties to understand tailwind's utility classes.
Also, whenever you hover over a tailwind utility class, you get precisely what it gives you in regular CSS.
Here's an example: https://gyazo.com/29e7a273056d02352526477c9f8e9154
The main reason I decided to try Tailwind was for the workflow improvement and Tailwind's theme options, which make implementing a design system very easy.
If you're new to plain CSS, though, I wouldn't recommend starting out with tailwind.
About what you mentioned here:
"instead of using tailwind css you should try to develop your actual css skill that will indeed be helpful when you are using other external libraries"
Tailwind works with most external libraries and frameworks. This is because all tailwind utility classes convert to plain CSS files. It also has extensive documentation for working with a bunch of different frameworks.
It's not for everyone, and many people love and hate the framework, but I hope I cleared up a bit about Tailwind because up until this last month, I thought learning Tailwind would be a "waste of time.", but I found it surprisingly intuitive.
Have a great day my man and thanks for the feedback!
0
Please log in to post a comment
Log in with GitHubJoin our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord