Tinha como objetivo conseguir reproduzir uma Página de Receitas, e fazê-la parecer o mais próximo possível do design original. Isso é um desafio do site Front-end Mentor. Foi a primeira vez que tentei, escolhi o que parecia ser o mais fácil, mas tenho a meta de fazer muitos desafios desse site e aos poucos ir aumentando o grau de dificuldade. É para complementar as práticas dos meus estudos.
Desafio do Front-end Mentor:
Desafio Página de receitas
Também estudando HTML e CSS pelo Curso em Video e pela DIO.
- HTML
- CSS
Tive muitas dificuldades no decorrer do desafio, porque ainda não conclui os cursos de HTML e CSS, então me falta bastante conhecimento ainda. Tive muita dificuldade para centralizar a Div principal, e a forma que encontrei pra fazer isso solucionou visualmente, mas não está responsivo e a estrutura no html e css podem melhorar. Me sinto feliz em ter conseguido o resultado com um mês de estudo mas sei que poder ser melhor, em brave farei novamente esse mesmo exercicio afim de deixar a estrutura melhor. Tive dificuldade com a tabela, em deixa somente aquela linha entre as TR, tentei de muitas formas e só consegui fazendo uma tabela para cada linha e colocando uma quebra de linhas entre elas.
- Aprendi a usar melhor as Divs para os blocos de informação, a importar as fontes do google, que no exercício anterior que eu fiz eu não estava conseguindo. Tô me familiarizando mais em usar as Class e ID.
- Mais famiiaridade com o CSS, fazendo o arquivo externo
- Aprendi como resetar os padrões pré definidos dos navegadores, utilizando o seletor universal, resetei margin e padding, que no momento era o que precisava
