Submitted about 4 years ago
Single price grid with Sass
@MohamedIbrahim13
Design comparison
SolutionDesign
Community feedback
- @tarasisPosted about 4 years ago
š Mohamed
Well done on completing the challenge. Looks nice
- I'd suggest swapping to the desktop version slightly later than you are like 625px so the screen never butts up against the component.
- don't forget to bold the titles for the bottom boxes to make them stand out.
- for the subscript line. Consider using a mini Flexbox so you can make the "per month" centre aligned. Or make both parts spans, set them both to
display: table-cell;
and the "per month" to span to
display: table-cell; vertical-align: middle; /* centres vertically */ font-size: inherit; /* so they inherit from the p */ font-weight: inherit; padding-left: 10px; /* so it doesn't put up against the 29$ */
Keep up the great work
š
2 - @MohamedIbrahim13Posted about 4 years ago
thank you for the advice š. I will try doing it with your way.
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