Design comparison
Solution retrospective
how can i remove the padding that comes when we apply paragraph tag and head tag ?
Community feedback
- @manojks092Posted about 3 years ago
Hey suman, first of all, good work! You can remove padding either by individually setting it using property
padding:0
or by setting it universally like this*{ padding:0; }
It will set padding to 0 for every element in your web page.
Hope it's helpful. Happy coding
Marked as helpful1 - @ZenCode95Posted about 3 years ago
Looks like you've grasped most of the details in the template design (colours, fonts etc.) I would say to consider increasing the padding for the nested divs. You can just experiment with it until your design looks basically the same as the template.
The middle part with the "Annual Plan", the price and also the "change" link was the toughest part when I did this challenge, but getting this part to look right goes a long way. Best of luck!
Marked as helpful0@suman-somuPosted about 3 years ago@ZenCode95 yep i would surely look into the padding side in the next one . thanks for your review !!!
1 - @arrizkyhpPosted about 3 years ago
look like you have wrong css reset
. { margin: 0; padding: 0; box-sizing: border-box; }
change it to:
(*) { margin: 0; padding: 0; box-sizing: border-box; }
remove ( )
you can reset css easily copy from this web: https://meyerweb.com/eric/tools/css/reset/
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