Page responsive with HTML e CSS to Desktop, Tablet and Mobile
Design comparison
Solution retrospective
(PT-BR) Feliz por completar meu primeiro desafio nivel Junior e não achei difícil, porém achei que meu CSS ficou bem extenso e meu HTML talvez só eu entenda 😅 ainda irei organiza-lo.
(EN) Happy to complete my first Junior level challenge and it wasn't difficult, but I thought my CSS was too long and my HTML maybe only I understand 😅 I'm still going to organize it.
Community feedback
- @correlucasPosted about 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
emargin: 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 ummargin: 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 helpful1@BrunoleonardoDevPosted about 2 years agoE 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@correlucasPosted about 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 helpful1@BrunoleonardoDevPosted about 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
Please log in to post a comment
Log in with GitHubJoin our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord