Redimensionamento de colunas

No WebAcappella, as colunas oferecem uma maneira flexível de organizar o conteúdo. Depois de colocadas em uma linha, elas podem ser redimensionadas usando controles deslizantes laterais, alinhadas com uma grade de 12 pontos para garantir um layout estruturado.

Princípio

  • Cada coluna selecionada exibe dois cursores laterais (esquerdo e direito).

  • O redimensionamento segue uma grade de 12 pontos, o que significa que as larguras das colunas podem ser ajustadas em unidades predefinidas e não livremente em pixels.

Modificar a largura de uma coluna

  1. Selecione o modo “coluna” (que facilita a seleção).

  2. Clique em uma coluna para selecioná-la.

  3. Pegue um dos controles deslizantes laterais (esquerdo ou direito).

  • Arraste o controle deslizante para a esquerda ou para a direita: a coluna é ajustada de acordo com os entalhes da grade.

  • Solte o clique para confirmar a nova largura.

../../_images/resizing_column.png

Gerenciamento da adaptabilidade da coluna

distribua as colunas de forma equilibrada, levando em conta os 12 entalhes disponíveis. limite o número de colunas que são muito estreitas para evitar conteúdo ilegível em dispositivos móveis. teste a renderização responsiva para verificar o ajuste automático das colunas de acordo com o tamanho da tela.