Social proof section

Community feedback

• 

  Thomas Burette•190

  @tburettePosted 10 months ago

  On a very wide and small vertically viewport some of the content is clipped. This is due to :

  @media (min-width: 985px) {
    body {
      height: 100vh;
    }
  }
  

  It really has to be an extreme aspect ratio to happen.

  Like last time, there are several things that I liked in your solution compared to mine :

  • I like the use of figure + figcaption. I didn't think of it.
  • I completely skipped the background pattern. It really adds that 👌.
  • I noted the grid-column: 1 / -1; to make an item span all the columns not matter their number. Smart.

  Marked as helpful

  2

  ---

  

  P

  solvman•1,650

  @solvmanPosted 10 months ago

  @tburette, thank you for your comments!

  Good catch on that clipping issue! 😁 I'm using height: 100vh; to center content of <main> vertically. What would be a good solution to address the issue without affecting vertical alignment?

  0

  

  P

  solvman•1,650

  @solvmanPosted 10 months ago

  @tburette

  fixed it by adding

  @media (min-width: 985px) {
    body {
      height: 100vh;
      min-height: 600px;
    }
  }
  

  0