Design comparison
Solution retrospective
This is my solution to 3 column preview card component using Tailwind CSS. This challenge is too easy with Tailwind Check out and give feedback .
Community feedback
- @Illyaas4ShowPosted over 2 years ago
Good attempt on the challenge. :) It would be even better to fix the accessibility issues.
-
Document should have one main landmark
- contain the component with<main>
. A page must have one main section to help screen readers navigate the page. -
All page content should be contained by landmarks
- contain the attribution with<footer>
. Also helps screen readers.
Happy coding :)
Marked as helpful1@dev-rohit0Posted over 2 years ago@Illyaas4Show Thanks for making it clear to me, what actually creating accessibility issue
0@Illyaas4ShowPosted over 2 years ago@dev-rohit0 Yh I was also confused at first. pls feel free to mark it as helpful, it would be helpful to me :)
0 -
- @Illyaas4ShowPosted over 2 years ago
And also, the last button doesn't go transparent, it goes lighter, you might have forgotten that.
You should also add
transition: all 250ms ease;
to the buttons to make it smoother. you can research about it in w3schools.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