Mídia com texto
O que você vai aprender
- Pra que serve esta section
- Como funciona a mídia "estendendo até a borda da tela"
Pra que serve
Layout clássico de mídia (imagem ou vídeo) de um lado e conteúdo (blocks) do outro, lado a lado. Por padrão já vem com uma legenda, título, texto e botão como conteúdo, mas aceita qualquer block.
Como configurar
| Configuração | Pra que serve |
|---|---|
| Posição da mídia | Esquerda ou Direita. |
| Largura da mídia | Estreita, Média ou Larga, controla a proporção entre a coluna de mídia e a de conteúdo. |
| Altura da mídia | Automático, Pequena, Média, Grande ou Tela cheia. |
| Largura da section | Largura da página ou Largura total. |
| Estender mídia até a borda da tela | Só aparece com largura "Da página", faz a mídia ignorar a margem lateral da página e ir até a borda da tela, mesmo com o conteúdo permanecendo dentro da margem. |
| Esquema de cores | Cor de fundo/texto do lado do conteúdo. |
Boas práticas
- "Estender mídia até a borda da tela" só faz sentido com largura "Da página", é justamente pra dar um efeito de imagem maior que o conteúdo ao redor. Com largura "Total", a section já ocupa a tela toda por padrão.
- Combine Altura da mídia "Automático" quando o conteúdo tiver bastante texto, evita que a mídia fique desproporcionalmente alta ou baixa em relação ao texto.