Escalabilidad Proporcional

Los contenedores permiten definir anchos y alturas relativos en lugar de valores absolutos

by InaWeb

HTML

<div class="contenedor">
     <h1>Escalabilidad Proporcional</h1>
     <p>Los contenedores permiten definir anchos y alturas relativos en lugar de valores absolutos. Esto facilita la escalabilidad proporcional de los elementos dentro del contenedor, lo que garantiza que el diseño se adapte de manera adecuada a diferentes tamaños de pantalla.</p>
</div>

CSS

.contenedor{
   margin: 0 30%;
}


@media screen and (max-width:600px){
  .contenedor{
    margin: 0 10%;
  }
}