Skip to content

Commit

Permalink
Update readme.md
Browse files Browse the repository at this point in the history
  • Loading branch information
jamisonmmartins committed Dec 14, 2023
1 parent 2828c1d commit c5a5be8
Showing 1 changed file with 6 additions and 8 deletions.
14 changes: 6 additions & 8 deletions readme.md
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)

0 comments on commit c5a5be8

Please sign in to comment.