Skip to content
Submitted about 2 years ago

Flexbox, Grid-template-areas

Oto•400
@Tagvi
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...News homepage
  • HTML
  • CSS
  • JS
2junior

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
    @fruizoteroPosted about 2 years ago

    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
    @TagviPosted about 2 years ago

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

    0

Please log in to post a comment

Log in with GitHub

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