Desafio Front-end Study Group São Paulo

[cyz]

Este desafio irá nos ajudar a selecionar as participantes do nosso hands-on de Vue.js, no qual é necessário ter conhecimentos de HTML e CSS.

Prazo de entrega: 07/09/2018 - 23:59, no formulário "submeta seu projeto"

Tudo que você precisa saber sobre evento está em nosso meetup.

Passo 1

1. Criar uma conta no codepen, acessando https://codepen.io
2. Criar um novo pen com o nome “Desafio WoMakersCode"

Depois de criar o pen, você irá para tela de edição do projeto, no qual, terá um bloco para HTML, CSS, JS e um terceiro bloco para exibição.

Passo 2

Este desafio consiste na criação de uma página simples (layout abaixo), que deverá apresentar um comportamento responsivo, SEM utilizar frameworks de UI, como Boostrap e Foundation, ou seja, você deverá escrever o código HTML e CSS necessário para adaptar a interface, de acordo com a resolução da tela do usuário. Os valores de referência para adaptação da interface são:
a. Telas Grandes: Largura Máx. de 1170px
b. Desktops: Largura Máx. de 970px
c. Em Tablets: Largura Máx. de 750px
d. Em Celulares: Largura Automática

Layout da página - abaixo, você pode verificar a interface mínima esperada para página do desafio. Você pode usar sua criatividade para incrementar o design da página, DESDE que atenda os critérios básicos das resoluções indicadas no item acima.