Pagina responsiva CSS e HTML

Community feedback

• 

  Lucas 👾•104,160

  @correlucas

  Posted about 3 years ago

  👾 Fala Bruno, beleza? Parabéns pelo seu desafio!

  🕵️Dei uma olhada aqui e vi umas coisas que você pode melhorar:

  Pra não deixar container crescer muito, você pode usar max-width: 900px que é o tamanho real do componente, note que se você usar width o container não varia o tamanho, então evite usar a menos que você queira que o elemento não seja responsivo.

  .container {
      max-width: 900px;
      display: flex;
      align-items: center;
      justify-content: center;
  }
  

  E pra colocar o efeito na imagem, do jeito correto, você poderia usar mix-blend-mode: multiply no seletor da imagem e colocar opacidade 70% pra fazer a foto mesclar com o fundo roxo.

  Vê ai se funciona e continue no foco!

  10

  Marked as helpful