Proposta 05: Layout responsivo

Nesta proposta vamos trabalhar o layout do site que executaste para a proposta anterior e torná-lo responsivo.

Deves criar regras de CSS para adaptar o layout do site a ecrãs com tamanhos diferentes. Estas regras devem contemplar um mínimo de três dimensões de ecrã (a definir por ti), que vão corresponder a três versões do layout:

  • Versão desktop (ecrã grande): layout do site para um ecrã de computador (que corresponde ao que já desenhaste na proposta anterior). Podes fazer alterações ao layout que já tens, de acordo com o teu critério.
  • Versão tablet (ecrã médio): layout do site adaptado para um ecrã de tablet, onde temos espaço de ecrã mais reduzido e interação com toque. O ecrã táctil implica repensar, por exemplo, informação que só seja visível no hover, links com dimensões reduzidas, etc.
  • Versão telemóvel (ecrã pequeno): layout de site pensado para um ecrã pequeno, onde temos pouco espaço e interação com toque.

Entrega: 11 de dezembro (quarta-feira), até às 23:59.

Coloca a versão responsiva do site numa pasta chamada "proposta-05", no Tilde.pt, e acrescenta o link na tua página pessoal.