Haga lo que hicimos

/* Establecer una base para el tamaño de fuente en el documento / html { font-size: 16px; / 1rem = 16px */ }

/* Adaptar el cuerpo del texto a unidades relativas / body { font-family: Arial, sans-serif; font-size: 1rem; / Equivalente a 16px */ line-height: 1.5; margin: 0; padding: 0; }

h1 { font-size: 2rem; /* 32px */ }

h2 { font-size: 1.5rem; /* 24px */ }

p { font-size: 1.125rem; /* 18px */ }

/* Mejorar la responsividad del sitio */ @media screen and (max-width: 768px) { html { font-size: 14px; } }

@media screen and (max-width: 480px) { html { font-size: 12px; } }

/* Ajustar el CSS para diferentes tamaños de fuente */ .container { width: 80%; margin: 0 auto; padding: 1rem; }

@media screen and (max-width: 768px) { .container { width: 90%; } }

@media screen and (max-width: 480px) { .container { width: 100%; padding: 0.5rem; } }