Primeiros Exercicios - Mobile First

[denis-rossati]

Realizando três tarefas para treinar conceitos de responsividade e mobile first.
De forma resumida, os requisitos de cada tarefa são:

• Primeira tarefa, parte 2 (a primeira ja foi concluida):

• Altere a cor de fundo.

• Ajuste o tamanho da fonte.

• Ajuste as margens da página.

• Faça as imagens serem mostradas em duas colunas.

• Primeira tarefa, parte 3:

• Altere a cor de fundo.

• Ajuste o tamanho da fonte.

• Ajuste as margens da página.

• Adicione a propriedade max-width à página.

• Segunda tarefa:

• Primeiro layout (small screen).

• Segundo layout (medium screen).

• Terceiro layout (large screen).

• Terceira tarefa, parte 1:

• Os elementos com id header , navigation e footer devem desaparecer;

• O elemento com id aside deve ser mostrado abaixo do conteúdo principal.

• Terceira tarefa, parte 2:

• O elemento com id aside deve desaparecer.

• O elemento body não deve ter padding .

• As imagens não devem exceder a largura da tela.

• Os itens dentro do elemento navigation devem aparecer cada um em sua própria linha.

• O elemento com id header deve ser fixo, de forma que ele fique aparecendo sempre no topo.

• Tarefa bônus (usando bootstrap):

• Crie um layout específico para telas pequenas (smartphones) .

• Crie um layout específico para telas médias (tablets) .

• Crie um layout específico para impressão (impressoras, salvar como PDF, etc).