Estilizar um Layout de uma plataforma de streaming

Gravação-de-tela-de-19-04-2022-01_25_10_AdobeCreativeCloudExpress (1)

Um layout de uma plataforma de streaming, mas desta vez se concentrando em um layout com uma lista de usuários.

Dicas de propriedades

  • 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

Importante

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