Page responsive with HTML e CSS to Desktop, Tablet and Mobile

Community feedback

• 

  Lucas 👾•104,340

  @correlucasPosted over 2 years ago

  Fala Bruno, beleza? Parabéns pelo primeiro desafio junior!

  Cara acabei de olhar sua solução e não tenho mto a dizer, tá tudo mto bom, uma coisa que se vc vai ajudar mto é uma classe de container pra alinhar todas sections ao centro, geralmente vc pode colocar um valor padrao de max-width: 1110px e margin: 0 auto pra forçar o alinhamneto de todos ao centro.

  O header desktop está desalinhado ao centro, pra arrumar isso basta um align-items: center e um margin: 0 auto pra forcar a centralizacao.

  .header {
      width: 100%;
      max-width: 1440px;
      gap: 30rem;
      display: flex;
      margin: 0 auto;
      align-items: center;
      justify-content: center;
      padding: 4rem 0;
  }
  

  Fazendo isso vc vai ver que ele centraliza.

  Espero ter ajudado e continue no foco, vc ta fazendo varios desafios avancados eu ainda nem fiz esses.

  Marked as helpful

  1

  ---

  

  Bruno L L Oliveira•180

  @BrunoleonardoDevPosted over 2 years ago

  E ai Lucas, tranquilo?

  Então amigo, deixa eu ver se entendi. Eu devo colocar uma classe container sobre todas as sections dentro da main ou é sobre o header e main juntas? 😅

  1

  

  Lucas 👾•104,340

  @correlucasPosted over 2 years ago

  @BrunoleonardoDev Criar uma classe de container pra deixar todas sections alinhadas, olha essa solução aqui: https://www.frontendmentor.io/solutions/skilled-elearning-landing-page-vanilla-css-wr-dMF3Qk1

  Pode ver que do menu até o footer o espaçamento lateral é igual pra todos, eu fiz isso usando uma classe de container dentro de todas sections, isso tbm é complicado pra mim, desde que alguem me falou pra usar assim eu tenho usado, to tentando achar um metodo mais simples, mas até agora é o que tem funcionado pra mim kkk

  Depois me diz se vc entendeu, caso nao eu vejo outra solucao que eu posso te mandar.

  Marked as helpful

  1

  

  Bruno L L Oliveira•180

  @BrunoleonardoDevPosted over 2 years ago

  @correlucas vendo o exemplo que vc mandou, acho que entendi o problema, no meu, o menu está mais aberto fazendo com que fique fora da margem do outros elemento na pagina certo ? se for isso mesmo, eu entendi agora kk

  Vou fazer essas alterações pra deixar tudo alinhadinho mesmo. obridado mais uma vez 🙏🏾

  1