Nesse projeto nós não teriamos que começar pelo design do mobile seguindo a metodologia do mobile first?
Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
Solucionado
Nesse projeto nós não teriamos que começar pelo design do mobile seguindo a metodologia do mobile first?
Olá André! Tudo bem?
Você está absolutamente certo em considerar a abordagem mobile first, que é uma prática muito recomendada atualmente no desenvolvimento web.
Ela se concentra em projetar primeiro para dispositivos móveis e depois adaptar o design para telas maiores, como tablets e desktops. Isso pode oferecer uma melhor experiência de usuário em dispositivos móveis, que são cada vez mais usados para acessar a internet.
No entanto, no contexto específico do seu projeto, a instrução inicial é construir a estrutura do cabeçalho com base no design desktop.
Como estamos em contexto educacional, é interessante trazer as diferentes possibilidades para que os estudantes conheçam as abordagens. Isso não impede que você aplique a metodologia mobile first posteriormente, quando for estilizar o layout com CSS.
Você pode começar definindo os estilos básicos para a versão mobile e, em seguida, usar media queries para ajustar e expandir o layout para telas maiores.
Por exemplo, você pode começar com algo assim no CSS:
.header {
display: flex;
flex-direction: column;
/* Estilos para mobile */
}
@media (min-width: 768px) {
.header {
flex-direction: row;
/* Ajustes para telas maiores */
}
}
Isso garante que o design seja responsivo e se adapte bem a diferentes tamanhos de tela.
Espero ter ajudado. Conte com o apoio do fórum :)
Abraços e bons estudos!