Calc() en CSS
calc() en CSS permite realizar cálculos matemáticos con diferentes unidades para definir valores dinámicos. Se usa para sumar, restar, multiplicar o dividir valores, combinando unidades relativas (como %, vw) y absolutas (como px, em).
Ejemplos:
- Ancho dinámico:
width: calc(100% - 50px);
(100% del contenedor menos 50px) - Fuente adaptable:
font-size: calc(1rem + 5vw);
(1rem más el 5% del ancho de la ventana)
Es útil para crear diseños flexibles sin usar media queries.