search

WoMakersCode / challenges-front-end

Repositório referente à desafios de front-end da womakerscode
MIT License
168 stars 15 forks source link

Photo Grid #6

Open alinebezzoco opened 4 years ago

alinebezzoco commented 4 years ago

Interface

Criar uma página responsiva em HTML e CSS simulando uma página do Instagram usando apenas o Flexbox e os conceitos do mobile first.

Desafio

Esse desafio é para as pessoas iniciantes em HTML e CSS. O objetivo é reproduzir uma página de perfil do nosso Photo Grid (similar ao Instagram), que é um feed de imagens em três colunas nas telas maiores e 1 coluna em telas menores.

Para a exibição das imagens você pode usar o Lorem Picsum ou o Random Cat (sobre como usar essas imagens no site contém uma breve explicação):

https://picsum.photos/ http://random.cat/

Layout

flexboxphotogrid_layout

imaestri commented 4 years ago

https://github.com/imaestri/photo-grid

miliscm commented 4 years ago

https://github.com/miliscm/photogrid

vduggen commented 4 years ago

https://github.com/vduggen/PhotoGrid

levxyca commented 4 years ago

https://github.com/levxyca/photogrid

rafaelmarquesRM commented 3 years ago

https://github.com/rafitamqs/photogrid