Design comparison
Solution retrospective
Happy with the simplicity of my css. Next time I would consider doing a brief write-up of my intended approach before starting.
What challenges did you encounter, and how did you overcome them?The distances between items in the info section on the design file were unusual and inconsistent. I initially set individual margins for each to follow it exactly, but it didn't respond well to the screen size between 375px and the tablet/desktop size at 600px, so instead I set the container to flex-column, with a minimum gap between, and formatting for space-between.
What specific areas of your project would you like help with?Curious if anybody has a different approach to the spacing and css.
Community feedback
- @KahSRPosted 7 months ago
Hello, great work !
I didn't really understand the spacing issue. But I noticed that you didn't use box-sizing:border-box in the universal selector ( * ), which may have affected the correct spacing calculation with margin and padding.
I'm still new, so I suggest you do some research to find out more about the box-sizing property
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