Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Frontend Mentor | News homepage

@innocentcoder06

Desktop design screenshot for the News homepage coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
2junior
View challenge

Design comparison


SolutionDesign

Community feedback

Maxime 430

@maxime927

Posted

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 in justify-content: space-between; and set the with of each element inside with width: 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

1
suhayb jirde 1,050

@suhaybjirde

Posted

well done pro

1
suhayb jirde 1,050

@suhaybjirde

Posted

amazing well done keep going pro

1

Please log in to post a comment

Log in with GitHub
Discord logo

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