Objetivo: Replicar layout proposto usando técnicas de responsividade.
- desktop/index.html: Abordagem Desktop First.
- mobile/index.html: Abordagem Mobile First.
Requisitos:
- Utilizando apenas HTML, CSS e RWD.
.
├── desktop
│ ├── index.html
│ └── style.css
├── img
│ ├── 120x100.png
│ ├── 409x300.png
│ ├── 550x300.png
│ ├── 593x313.png
│ └── 90x70.png
├── mobile
│ ├── index.html
│ └── style.css
├── Example.gif
└── README.md
- desktop/index.html: Página HTML responsiva utilizando a abordagem Desktop First;
- desktop/style.css: Estilização com a abordagem Desktop First;
- mobile/index.html: Página HTML responsiva utilizando a abordagem Mobile First;
- mobile/style.css: Estilização com a abordagem Mobile First;
Para iniciar o projeto basta clicar no arquivo desejado.
desktop/index.html
- para abrir tela utilizando a abordagem Desktop First;mobile/index.html
- para abrir tela utilizando a abordagem Mobile First;