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
- Criar uma conta no codepen, acessando https://codepen.io
- 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.
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
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.