Single price grid component using flexbox
Design comparison
Solution retrospective
feedback, please.
Community feedback
- @NaveenGumastePosted almost 3 years ago
Hay ! mahmoud Good Job on challenge
These below mentioned tricks will help you remove any Accessibility Issues
-> Add Main tag after body
<main class="container"></main>
-> Learn more on accessibility issues
If this comment helps you then pls mark it as helpful!
Have a good day and keep coding 👍!
Marked as helpful0 - @denieldenPosted almost 3 years ago
Hi mahmoud, great job! Congratulations on completing the challenge.
- Add
main
tag and wrap the card for Accessibility - Remove
width: 1440px !important; and padding
fromcontainer
class and addheight: 100vh; and align-items: center;
100vh
because Flexbox aligns to the size of the parent container.Hope this help ;) and happy coding!
Marked as helpful0 - Add
- Account deleted
Hello there! 👋
Congratulations on finishing your challenge! 🎉
I have some feedback on this solution:
- Always Use Semantic HTML instead of
div
like<main>
<header>
, etc for more info
if my solution has helped you do not forget to mark this as helpful!
Marked as helpful0 - Always Use Semantic HTML instead of
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