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

responsive home page with HTML CSS Javascript

Bala 50

@balanambi88

Desktop design screenshot for the News homepage coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
2junior
View challenge

Design comparison


SolutionDesign

Solution retrospective


I have a small Gap issue with a grid container in the mobile view. there was a ample space in between the last three images, which i am not able to reduce. Do advice if you have any solutions. Thanks in advance

Community feedback

KiddAlexx 150

@KiddAlexx

Posted

Nice work. I think your gap issue is due to the fact that you have the images set to be a height of 67% and this is relative to the grid container, meaning that there is going to be the remaining percentage of white space below them...

Marked as helpful

1

Bala 50

@balanambi88

Posted

@KiddAlexx Thank you KiddAlexx. Appreciate your reply and the comments. I will do the manipulation on the picture and change accordingly. Have a nice day :)

0

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