Design comparison
SolutionDesign
Solution retrospective
I haven't written a clean code as i am just starting . just understood how flex-box works. Tell me about the little width between image and the border i couldn't get it. thanks .
Community feedback
- @danielmrz-devPosted 11 months ago
Hello @abiskar100!
That space between your image and the border is called
padding
. If you set apadding: 5px;
to your.main-box
, it'll give your ellements inside that space you talked about. ANd you can test other values until you think it's good.You can also add
padding
to individual elements, although I think it's better to set it to the whole thing in this case.Your project looks very good. Great job!
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