Esse projeto responsivo de página de receita de um delicioso Cheesecake é desenvolvido no nível 03 do Explorer.

Durante a execução deste projeto, aprofundei meu entendimento sobre design responsivo, com ênfase na abordagem Mobile-First. Priorizar o desenvolvimento para dispositivos móveis desde o início proporcionou uma base sólida para uma experiência do usuário consistente em diversas plataformas.

A utilização de unidades de medidas flexíveis, como o rem revelou-se uma estratégia eficaz para garantir a adaptabilidade do layout. Essa flexibilidade permite uma escala mais suave em diferentes telas, contribuindo para um design mais coeso e harmonioso.

Um aspecto crucial foi a compreensão da diferença entre as propriedades margin-block e margin-inline. Esta distinção foi particularmente útil ao centralizar elementos, proporcionando um controle preciso sobre margens em diferentes direções, adaptando-se de forma inteligente às exigências de diferentes dispositivos.

Em resumo, este projeto fortaleceu minha habilidade em criar designs responsivos, destacando a importância do Mobile-First, unidades de medidas flexíveis e técnicas específicas para centralização de elementos em diferentes contextos. Esses aprendizados certamente enriquecerão minhas práticas futuras de desenvolvimento web.

Front-end: HTML, CSS

Feito com 💜 by Rocketseat