Solucionado (ver solução)
Solucionado
(ver solução)
2
respostas

Dificuldade em Mobile First

Olá, estou com bastante dificuldade em entender o Mobile-First. Estou fazendo um blog, nele comecei pelo desktop e tentei fazer a responsividade com Desktop-First mesmo.

Porém tentei aplicar a responsividade do Menu (Aula 5 desse curso) e num primeiro momento deu certo, mas o "button" do .menu-abrir e .menu-fechar ainda aparecem no desktop e isso está me deixando meio pirado. - Ficaria muito feliz caso alguém pudesse me ajudar (aqui está o projeto no github: https://github.com/KennedyRMenezes/sitekennedy )**

Por fim, para eu desenvolver com Mobile-First sem desenvolver de cara para mobile é só colocar o @media (min-width: 000px) para desenvolver no Desktop?

**coloquei no css (pagina_principal.css) na linha 40 para sumir do Desktop, mas some tmb do Mobile.

Aguardo resposta e desculpa o textão, haha!

2 respostas
solução!

Oi, Kennedy, tudo bem?

Eu testei o seu código, quando eu entrei no breakpoint que você definiu de @media (max-width: 750px) o botão menu-abrir aparece, assim como o menu-fechar, gravei até um vídeosinho, aqui: https://imgur.com/a/gu4kStU

Pode ser que não tenha compreendido bem o problema. Eu vi que no blog.html você não adicionou a classe ainda para os buttos de fechar e abrir. Veja e me fala se é isso.

Sobre a sua outra dúvida, eu daria a sugestão de você desenvolver para desk e adaptar no meio pro fim, por que isso pode te atrapalhar no processo.

Oii!

Olha, acabei de testar novamente e realmente está funcionando. Não sei explicar... (Valeu pelo vídeo)

Ainda não tinha colocado nas outras páginas por que estava fazendo testar nessa.

Beleza então, eu consigo desenvolver melhor no desktop primeiro, mas depois tentarei o mobile-first.

Muito obrigado mesmo.

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software