Quando um programador recebe um projeto, ele deve começar fazendo o projeto para mobile e com o @media ajusta pra desktop, ou depende de caso pra caso? Ou tanto faz, fica a critério do programador escolher o que ele consider mais fácil?
Solucionado
Quando um programador recebe um projeto, ele deve começar fazendo o projeto para mobile e com o @media ajusta pra desktop, ou depende de caso pra caso? Ou tanto faz, fica a critério do programador escolher o que ele consider mais fácil?
Oi Beatriz! Tudo bem?
Essa é uma ótima pergunta e bastante comum entre desenvolvedores que estão começando a trabalhar com layouts responsivos. A abordagem de começar pelo design mobile ou desktop pode variar dependendo do projeto e das preferências do desenvolvedor ou da equipe. No entanto, existe uma prática bastante difundida chamada "Mobile First" que sugere começar pelo design mobile e, em seguida, adaptar para telas maiores (desktop). Geralmente, se segue essa abordagem pelos motivos abaixo:
Performance: Começar pelo mobile geralmente resulta em um código mais enxuto e otimizado, o que pode melhorar a performance em dispositivos com recursos limitados.
Prioridade de conteúdo: Ao projetar para telas menores, você é forçado a priorizar o conteúdo mais importante, o que pode resultar em uma experiência de usuário mais focada e eficaz.
Crescimento do uso mobile: O uso de dispositivos móveis está crescendo rapidamente, então faz sentido começar com a plataforma que mais pessoas estão usando.
Para aplicar a abordagem "Mobile First" no CSS, você pode começar com estilos básicos para telas pequenas e usar media queries para adicionar estilos para telas maiores. No entanto, como você mencionou, isso pode depender do projeto. Em alguns casos, pode ser mais fácil ou mais apropriado começar pelo desktop e depois adaptar para mobile. O importante é garantir que o layout seja responsivo e funcione bem em todas as telas.
Espero que tenha ajudado com sua dúvida. Se tiver outras, fique à vontade para perguntar.
Um abraço e bons estudos!