
Frontend Mentor | News homepage
Design comparison
Please log in to post a comment
Log in with GitHubCommunity feedback
- @maxime927
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 helpful -
- @suhaybjirde
well done pro
- @suhaybjirde
amazing well done keep going pro
Join 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