Design comparison
SolutionDesign
Community feedback
- @maxime927Posted about 2 years ago
Hi Nanthagopal Shivanu ! Hope you are fine :) I have some tips to help you to improve your solution:
-
Concerning the three column section
.top
, you should put it injustify-content: space-between;
and set the with of each element inside withwidth: calc((100% - 60px) / 3);
for the desktop to keep them with the same size and spaced by 30px (this is why i put "60px" because it correspond to the 2 gaps then 60px) -
You can add some transitions `transition: .3s all ease" to have smooth effects on hover
Congratulation to have finished this solutions, keep it going.
Hope it helps
Maxime
Marked as helpful1 -
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