Responsive page with flex and grid

Community feedback

• 

  Victoria Azola Silva•1,290

  @VickyAzolaPosted about 1 year ago

  Hi! I tried to solve the problem using your code, and this seems to work.

  • You don't need a .between-div class, so I deleted it.
  • Added a padding to the stats.

  @media screen and (min-width: 1024px) {
      .stats {
          display: grid;
          grid-template-columns: repeat(3, 1fr);
          padding: 0 80px 0 40px;
      }
  }
  

  Also, added a margin to the p on mobile.

  .stats div p {
      color: hsla(0, 0%, 100%, 0.6);
      font-family: 'Lexend Deca';
      letter-spacing: 1px;
      text-transform: uppercase;
      font-weight: 400;
      font-size: .6rem;
      padding-top: 4px;
  //
      margin-bottom: 25px;
  }
  

  Hope this helps!

  Marked as helpful

  1

  ---

  

  Gabriel Noss•180

  @GabrielNossPosted about 1 year ago

  @VickyAzola Thank you very much Victoria. The desktop design took me quite a while to do. Your recommendation is very valuable.

  1