https://github.com/nathanmontt/rfep-image-grid-layout

Projeto de Frontend do site roadmap.sh
https://github.com/nathanmontt/rfep-image-grid-layout

css css-grid css-grid-layout css-layout css3 grid grid-layout html html5 javascript js project projects

Last synced: about 1 month ago
JSON representation

Projeto de Frontend do site roadmap.sh

• Host: GitHub
• URL: https://github.com/nathanmontt/rfep-image-grid-layout
• Owner: nathanmontt
• License: gpl-3.0
• Created: 2025-03-02T02:20:36.000Z (12 months ago)
• Default Branch: main
• Last Pushed: 2025-03-02T02:31:10.000Z (12 months ago)
• Last Synced: 2025-03-02T03:27:24.626Z (12 months ago)
• Topics: css, css-grid, css-grid-layout, css-layout, css3, grid, grid-layout, html, html5, javascript, js, project, projects
• Language: HTML
• Homepage: https://roadmap.sh/frontend/projects
• Size: 17.6 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# *RFEP - roadmap.sh Frontend Projects*

Projeto de Frontend do site roadmap.sh

---

### ÍNDICE

* [Sobre o Projeto](#about)

* [Habilidades Necessárias](#abilities)

* [Requisitos Chave](#key-requirements)

* [Créditos](#credits)

Sobre o Projeto


Como o nome do repositório menciona, **RFEP-Image-Grid-Layout** é um projeto de Frontend, trago pelo site roadmap.sh, onde o objetivo é criar uma galeria de imagens, já fornecidas, com o layout _grid_.

 Habilidades Necessárias 


* HTML

* CSS (*vanila*)

 Features Futuras 


Para futuras features, alguns opções serão levadas em consideração:

*Feature* | Motivo/Explicação

:---------: | :------:

**Futuro** | De acordo com o próprio site, o projeto terá alterações mais a frente

**Imagens** | Lembrar de adicionar a tela do projeto, já que neste o _deploy_ **não será feito**

 Requisitos Chave 


O projeto informa alguns pontos-chave a serem seguidos, como:

Requisito | Explicação

:---------: | :------:

**Grid Structure** | Entender os fundamentos do **_CSS Grid_**

**Responsive Design** | Entender o _grid_ a ponto de torná-lo **resposivo** em diferentes tamanhos de tela

**Alignment and Spacing** | Explorar uma forma de alinhar e espaçar os elementos do _grid_

 Créditos 


Copyright © 2024, Nathan Monteiro