🇺🇸
This is the responsive webpage of a cheesecake recipe, based on a layout provided by Rocketseat. I was supposed to do the responsive webpage of a cheesecake recipe, developing it mobile first and subsequently doing a desktop version using media query. I also took the opportunity to practice the use of css variables on font families, size and colors. Although the teacher suggested that we use "clamp" on font sizes, I think it would be a better fit to just set fixed mobile and a desktop sizes.
This project was developed using the following technologies:
- HTML
- CSS
- Git e GitHub
- Figma
You can check out the original layout clicking here.
🇧🇷
Essa é a página responsiva de uma receita de cheesecake, baseado em um layout fornecido pela Rocketseat. Eu devia criar a página responsiva de uma receita de cheesecake, aplicando o conceito de mobile first e subsequentemente desenvolvendo a versão desktop utilizando media query para isso. Eu também aproveitei a oportunidade para treinar o uso de variáveis no css para font families, size e colors. Embora o professor tenha sugerido o uso de "clamp" para o tamanho das fontes, eu acredito que, nesse caso, é melhor fixar o tamanho das fontes para mobile e desktop. Não há necessidade de tornar esses tamanhos adaptáveis para apenas duas versões (mobile e desktop), sem que haja quebra em outras versões.
Este projeto foi desenvolvido utilizando as seguintes tecnologias:
- HTML
- CSS
- Git e GitHub
- Figma
Você pode conferir o layout original clicando aqui.