
Design comparison
Community feedback
- @codi-AndrePosted 8 days ago
That is a nice solution! But the design team will be upset with you in the next stand up meeting, because you did not use their colors.
Tailwind has utility classes for setting height and width with the same value, you can use
className="size-4"
instead ofclassName="w-4 h-4"
.When you set the
className="hidden"
the element is set to:element { display: none; }
This remove the element from the page, use
className="sr-only"
to keep it only to assistive technologies.Marked as helpful0@gauravk2203Posted 8 days ago@codi-Andre Thank you for the feedback! I will keep it in mind!
1
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