Skip to content

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

Notifications You must be signed in to change notification settings

TatianePirico/ifsp-front-list-5

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

IFSP Lista de Exercícios frontend

Sumário

Sobre

[GIF description]

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

About

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

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published