Um layout de uma plataforma de streaming, mas desta vez se concentrando em um layout com uma lista de usuários.
- Utilize o conceito de Flexbox para posicionar cada box de usuário
- 186px de largura para cada box de usuário
- 858px de largura para o box que envolve todos os usuários
Layouyt responsivo para diversos tamanhos de telas. Para isso, utilize o conceito de Media Query (Breakpoints). Para já exercitar sua habilidade em leitura de documentação, fica aqui a Documentação de Media Query no MDN.
Ferramenta Device mode (https://developers.google.com/web/tools/chrome-devtools/device-mode)
Lembre de utilizar um arquivo reset. Ou então, se preferir, você pode apenas zerar as principais propriedades: margin
, padding
, e adicionar um box-sizing
para que os elementos não ultrapassem os limites