Results summary component using vanilla css

Community feedback

• 

  P

  Dean•480

  @DeanogitPosted 11 months ago

  Hello @ChristianDriz,

  This solution looks great!

  I took a look at the style.css file to check something, you might be interested in, when I check the mobile layout in chrome dev tools on my desktop, the top of the .left div is not visible.

  I changed the height: 100dvh; to min-height: 100dvh and this looks like its working as intended.

  I also noted the div with the class .attribution is positioned absolutely, when the viewport is less than 641px wide, this floats ontop of the .right div.

  In order to fix this, its possible to

  • remove the position: absolute; from the .attribution and
  • add flex-direction: column to the body.

  I hope this helps, your solution is already looking great, just some minor tweaks

  Marked as helpful

  0