WoMakersCode/challenges-front-end

Photo Grid

alinebezzoco opened this issue · 5 comments

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