Results Summary Component using HTML/CSS

Community feedback

• 

  Callie•170

  @Callietron300Posted over 1 year ago

  Hey! Apologies, but i was interested in your issue but realised I don't quite have all the knowledge to solve your problem. But I think I've managed to work out what the issue is and some potential solutions :)

  In your container element you have a set height, however at a viewport width below 1000 your grid collapses into a column but it keeps the height: 400px which is what is causing the summary box to keep that same height and cutting your background short.

  I have a feeling if you fix your grid declarations that could be the solution. Or it might have something to do with which elements you are setting height for. An easy fix would be to use a media query to set the height to auto in your container for viewport widths below 1000.

  Sorry I cant give you a proper fix but i hope this helps you find a solution! I gave this a go a few weeks ago and was quite happy with it if you are interested. But i didn't use any grid! (pls upvote my comment if it helped you!)

  0
• 

  ohuttar•160

  @ohuttarPosted over 1 year ago

  Hello!

  In response to your question, you may need to add "min-height: 100vh" to your body.

  Hope this helps!

  0

  ---

  

  Temsaah•450

  @TemsaahPosted over 1 year ago

  @ohuttar didn't work unfortunately, thanks for trying

  0