-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
2828c1d
commit c5a5be8
Showing
1 changed file
with
6 additions
and
8 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,18 +1,16 @@ | ||
# Desafio HTML e CSS - Mobile First | ||
# Desafio HTML e CSS - Mobile First e Display Grrid | ||
|
||
Este projeto é um desafio da trilha Explorer, turma 8, da Rocketseat. | ||
![Projeto Space Cream](./img/projeto-space-cream.png) | ||
|
||
O objetivo deste desafio é treinar o uso das linguagens HTML5 e CSS3 aprendidas no Stage 3, reconstruindo uma aplicação do zero a partir de um layout [figma](https://www.figma.com/file/drBBktNRdtCIUiN4cZk4yo/Stage-03---Mobile-First/duplicate) criado pela equipe da Rocketseat. | ||
|
||
## Conhecimentos Aplicados | ||
## Space Cream | ||
Este projeto é um desafio da trilha Explorer da Rocketseat. | ||
|
||
Neste desafio utilizei variáveis no CSS para background, cores, tamanhos e tipografia de fonte. Em CSS também utilizei o seletor * para padronizar em todos os elementos HTML o valor zero para os atibutos padding e margin. Além destes, o box-sizing com valor border-box. Para disposição das imagens foi configurado display grid, com uma única coluna e espaçamento de 32px. As imagens e seus títulos possuem animações, configurado com o atributo animation-name, animation duration. | ||
O objetivo deste desafio é treinar o uso das linguagens HTML5 e CSS3 aprendidas no Stage 3, reconstruindo uma aplicação do zero a partir de um layout [figma](https://www.figma.com/file/drBBktNRdtCIUiN4cZk4yo/Stage-03---Mobile-First/duplicate) criado pela equipe da Rocketseat. | ||
|
||
Acesse o site clicando [aqui](https://jamisonmmartins.github.io/space-cream/). | ||
|
||
## Tecnologias Utilizadas | ||
<img src="https://img.shields.io/badge/HTML5-E34F26?style=for-the-badge&logo=html5&logoColor=white" /> | ||
<img src="https://img.shields.io/badge/CSS3-1572B6?style=for-the-badge&logo=css3&logoColor=white" /> | ||
|
||
## Screenshots | ||
![tela da página desenvolvida.](img/mobile-space-cream.png) | ||
|