Design comparison
SolutionDesign
Community feedback
- @ailight360Posted over 1 year ago
By Changing this simple line of code spacing looks so much better
instead of this
height: 100%; width: 350px; background: linear-gradient(to bottom, hsl(252, 100%, 67%), hsl(241, 81%, 54%)); display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; color: hsl(0, 0%, 100%); border-radius: 30px; }``` add this line of code ```section > div:first-child { height: 100%; width: 350px; background: linear-gradient(to bottom, hsl(252, 100%, 67%), hsl(241, 81%, 54%)); display: flex; flex-direction: column; justify-content: space-around; align-items: center; text-align: center; color: hsl(0, 0%, 100%); border-radius: 30px; }```
1
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