Pular para o conteúdo
murad.guide

Volume VI

CSS — Layout e Forma

Flexbox, Grid e estilo que resiste ao mundo real

Capítulos

25

Palavras

15.928

Gravuras

25

Leitura

1 h 22 min

Começar pelo primeiro capítulo

Sumário

  1. 1Abrir a Vitrine e reconhecer o percurso4 min
  2. 2Entender os eixos do Flexbox3 min
  3. 3Alinhar itens com justify e align3 min
  4. 4Fazer itens crescer e encolher3 min
  5. 5Quebrar linhas com flex-wrap3 min
  6. 6Ordem visual e ordem de teclado3 min
  7. 7Quando Flexbox basta e quando falta Grid3 min
  8. 8Criar a primeira grade3 min
  9. 9Trilhas explícitas e implícitas3 min
  10. 10Controlar o fluxo automático da grade3 min
  11. 11Dimensionar trilhas com fr e repeat3 min
  12. 12Colocar itens e atravessar células3 min
  13. 13Montar cartões com auto-fit e auto-fill4 min
  14. 14Desenhar o layout com áreas nomeadas3 min
  15. 15Alinhar conteúdo dentro da grade3 min
  16. 16Aninhar grades num álbum3 min
  17. 17Montar a galeria da Vitrine3 min
  18. 18Fechar um layout de página responsivo4 min
  19. 19Escrever CSS à prova de conteúdo3 min
  20. 20Proteger texto longo e imagens3 min
  21. 21Evitar valores fixos perigosos3 min
  22. 22Entender por que a direção importa3 min
  23. 23Trocar propriedades físicas por lógicas3 min
  24. 24Espelhar layout e ícones com cuidado3 min
  25. 25Conferir a Vitrine em LTR e RTL3 min

Apêndices3

  1. —Pacote de exemplos1 min
  2. —Referências consultadas1 min
  3. —Créditos das gravuras2 min