Como criar: flutuabilidade responsiva

Aprenda a usar CSS para criar elementos de flutuabilidade responsiva.

Flutuabilidade responsiva

Usar consultas de mídia e definir uma largura de tela específica (em pixels) para determinar quando um elemento deve flutuar:

/* Em telas com largura igual ou menor a 768 pixels, flutuar para a direita */
@media (max-width: 768px) {
  .float-right-sm {
    float: right;
  }
}
/* Em telas com largura igual ou maior a 769 pixels, flutuar para a direita */
@media (min-width: 769px) {
  .float-right-lg {
    float: right;
  }
}

Experimente pessoalmente

Páginas relacionadas

Tutorial:Flutuante CSS