3-column-card using grid and flexbox
Design comparison
Solution retrospective
it was hard to set the font exact the same as design in desktop size and i didn't make it.
Community feedback
- @catherineisonlinePosted almost 2 years ago
Nice! To remove the errors might need to wrap everything in the main tag and maybe some transitions when hovering over the buttons π
Marked as helpful1@arashKazerouniPosted almost 2 years ago@catherineisonline Hello. thanks! so you meant using <main class="container> instead of : <div class="container">?
0@catherineisonlinePosted almost 2 years ago@arashKazerouni yes π
Marked as helpful1 - @VCaramesPosted almost 2 years ago
Hey there! π Here are some suggestions to help improve your code:
- Along with the blank
alt tag
, you also want to include thearia-hidden=βtrueβ
to your βcar images/iconsβ to fully remove them from assistive technology.
More Info:π
https://www.w3.org/WAI/tutorials/images/
- Your "buttons" were created with the incorrect element. When the user clicks on the button they should be directed to a different part of you site. The
anchor tag
will achieve this.
More Info:π
If you have any questions or need further clarification, feel free to reach out to me.
Happy Coding!ππ
0 - Along with the blank
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