TatianePirico / ifsp-front-list-5

Replicar layout proposto usando técnicas de responsividade utilizando as abordagens desktop first e mobile first.

IFSP Lista de Exercícios frontend

Sumário

• IFSP Lista de Exercícios frontend
  • Sumário
  • Sobre
  • Estrutura
  • Execução
  • Contato

Sobre

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.

Estrutura

.
├── 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;

Execução

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;

Contato

• Linkedin
• GitHub