Design comparison
SolutionDesign
Community feedback
- @JohnPugh688Posted 7 months ago
Hi Prem,
Your finished project looks great. I noticed you have used flex (which is fine apart from the justify between) for you mobile design and to create spacing between you content.
Id suggest using gap: as this gives you control of the spacing size between.
try this instead and see what happens:
.wrapper .dets{ height: 60%; padding: 30px; display: flex; flex-direction: column; gap: 0.75rem/* 12px */; (You can change the sizing to suit) }
Hopefully this helps.
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