Huddle landing page - Using CSS Grid and Flexbox

Community feedback

• 

  Lucas 👾•104,340

  @correlucasPosted about 2 years ago

  👾Oi Leo Silva, tudo bem? Parabéns pelo desafio!

  Essa sua solução tá bem completa eu nem tenho nada pra adicionar, vou deixar só uma dica pra poupar seu tempo em novos projetos. O CSS padrão vem com um monte de comportamentos que deixam o código dificil de configurar, por exemplo, margens, imagens, animações e etc. Usando esse CSS RESET, você vai salvar um bom tempo usar esse arquivo que já reseta a maioria das coisas como margens, imagens, animações e etc. Vai salvar um bom tempo usar isso desde o começo: https://piccalil.li/blog/a-modern-css-reset/

  👋 Espero que essas dicas tenham sido úteis e continue codando!

  Marked as helpful

  1

  ---

  

  Leo Silva•40

  @leozizzPosted about 2 years ago

  Fala @correlucas! Tudo certo?

  Muito obrigado pelo feedback e pelas dicas do CSS Reset! Já venho aplicando algo semelhante em projetos mais recentes e com certeza o CSS RESET que você mandou vai ser de grande ajuda!

  Muito obrigado novamente pelas dicas Lucas! Sucesso!

  1

  

  Lucas 👾•104,340

  @correlucasPosted about 2 years ago

  @leozizz Pra cima irmão! Hoje postei um novo desafio e se vc quiser olhar e deixar alguma dica, tmj, tbm sou iniciante

  0
• 

  Brian Schooler•440

  @superschoolerPosted over 2 years ago

  Hey Leo, awesome job on the project and great use of CSS Grid. Using Grid can help you save a lot of unnecessary <div>s in the code over flexbox, and I see you used it wonderfully.

  Because you did so well, I only have one small criticism. I'd probably add:

  .illustration {
  	align-self: center;
  }
  

  This will keep the picture centered vertically next to the text when your media query hits so it's not way up next to the logo on iPad-sized screens. I'd probably also change the media query to at least 700px since the image is so small between 577px and 700px/

  Marked as helpful

  1

  ---

  

  Leo Silva•40

  @leozizzPosted over 2 years ago

  @superschooler Thank you so much for the feedback and the tip!

  I tested what you suggested and it really got better, in addition I added a specific media querie for 700px screens and made some adjustments so that the page behaves better for different screen sizes.

  Thank you one more time! ;)

  1