Responsive page using CSS grid and flexbox.

Community feedback

• 

  Lucas 👾•104,340

  @correlucasPosted about 2 years ago

  👾Fala Felipe, tudo bem? Parabéns pelo desafio!

  Vou deixar aqui umas dicas pra melhorar sua solução:

  Pra não deixar os cards crescerem demais coloque o tamanho certo pra eles que é max-width: 340px

  .supervisor, .calculator {
      grid-row: span 2;
      align-self: center;
      max-width: 340px;
  }
  

  Seu html está funcionando, mas você pode melhorá-lo usando tags semânticas e substituir os divs, por exemplo, os cards você pode substituir o <div> que envolve cada cartão com <article> que e a tag ideal pra essa situação. Aqui um guia com todas tags semanticas: https://www.w3schools.com/TAgs/default.asp

  👋 Espero ter ajudado e continue no foco!

  Marked as helpful

  1

  ---

  

  felipe fama•210

  @FelipeFamaPosted about 2 years ago

  @correlucas Muito obrigado pela dica.

  1

  

  Lucas 👾•104,340

  @correlucasPosted about 2 years ago

  @FelipeFama Tmj, deixei outra dica em uma solução sua

  0