single-price-grid-component (using HTML,CSS)
Design comparison
Solution retrospective
I'm new to this the css part is little bit difficult to arrange the margin.
Community feedback
- @tab21Posted over 2 years ago
Hi @riazahamedsikandar
congratulations on completing the challenge !!
But you have submitted it in the wrong challenge so you can see through that.Also I have some suggestions to improve it
first for margin you can just give it '.main{ margin : 5% auto ;}' . As 5% for top and bottom margin(you can set as you find optimal ) and auto for making it center as it give the element same margin on both left and right making the element center.
Also for desktop view instead of just
.main{width: 45%;}
atleast increase it towidth: 60%;
. so that it is more wider. Also remove these from body as in mobile view they don't let us give top margin and also some are superfluous.display: flex; justify-content: center; align-items: center; position: relative;
Hope this helps :)
Happy coding!!
Marked as helpful0
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