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

Flexbox, Grid-template-areas

Oto 400

@Tagvi

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


The solution for keeping a correct image height for the bottom third is suboptimal, it results in smaller images here and there. If anyone knows the reason, LMK.

Community feedback

Frank Ruiz 410

@fruizotero

Posted

As far as I can see the height value of the images is in pixels and it changes according to the size of the viewport. If you put a "height:100%" of percentage the images will adapt according to the content and will maintain the same size.

0

Oto 400

@Tagvi

Posted

@fruizotero That was my initial approach, but it does not work :)

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