Você está em boa companhia com suporte incrível 🤝

Container responsivo com padding fluido

Container com largura máxima e padding interno que escala de forma fluida com clamp().

Time Full Services Time Full Services
CSS
.container {
  width: 100%;
  max-width: 1280px;
  margin-inline: auto;
  padding-inline: clamp(1rem, 5vw, 3rem);
}

/* Variantes */
.container--sm  { max-width: 768px; }
.container--md  { max-width: 1024px; }
.container--xl  { max-width: 1536px; }
.container--full { max-width: 100%; }

Seja PRO.

Tenha acesso a snippets de código premium — PHP, JavaScript, CSS e HTML prontos para usar em seus projetos.

Conhecer o plano Pro →