Ejercicios de práctica de CSS

Ejercicio 9

Crea un archivo CSS y una página HTML con un diseño que cambie cuando el ancho de la pantalla sea menor a 768px (cambia el tamaño de la fuente a 14px, por ejemplo).

Lo resolví del siguiente modo:

CSS:


            /* Estilos generales */
            body {
                font-size: 26px;
            }

            /* Cambios en pantallas pequeñas */
            @media screen and (max-width: 768px) {
                body {
                    font-size: 14px;
                }
            }

HTML:

            <body>
                <h1>Bienvenido a mi página</h1>
                <p>Este texto cambia de tamaño, achica la pantalla.</p>
            </body>
🧐 Ver resultado Volver al inicio