Responsive Landing Page

Community feedback

• 

  Lucas 👾•104,400

  @correlucasPosted over 2 years ago

  Oi Felipe, parabéns por ter completado seu primeiro desafio!

  Tenho algumas dicas pra você melhorar sua solução:

  1. A cor do background seria mais ou menos esse valor aqui background: #f2eae2;. Basta adicioná-lo ao body. Já a cor do cartão seria o branco, background: #fffff;

  2. Alinhe o card usando flexbox:

  Adiciona no body body { display: flex; align-items: center;align-content: center; height: 100vh}

  E depois no container: .container { display: flex; align-items:}

  3. Depois você só define o valor igual pras duas div, a da direita e a da esquerda, tipo max-width: 50%; / max-width: 50%; pra cada div.

  4. Coloca width: 100%; e display: block; na img para ela parar de distorcer.

  Espero que isso te ajude, continue codando!

  Marked as helpful

  1

  ---

  

  Felipe Alencar Giacomini•40

  @felipe-alencar6Posted over 2 years ago

  @correlucas Obrigado pelas dicas!

  1