Crea un <div> con un fondo de color y un texto en su interior. Luego, otro con el fondo utilizando una imagen y ajusta sus propiedades de repetición y posición.

Crea un <div> con un borde de 2px de color rojo y un margen de 20px. Dentro del div, coloca un párrafo con un tamaño de fuente de 18px.

Aplica una fuente personalizada a un párrafo, cambia el tamaño de letra, y agrega un espaciado entre líneas de texto.

Aplica una transformación a un <div>, como rotarlo 45 grados, usando la propiedad transform.

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).

Usa una media query para cambiar un diseño de 2 columnas a 1 columna en pantallas pequeñas.

Crea un contenedor con varios elementos (<div>) dentro y usa Flexbox para distribuirlos de forma horizontal y centrar su contenido.

Crea un contenedor de 3 divs y usa Flexbox para alinear los elementos en la parte inferior del contenedor.

Usa Flexbox para centrar un <div> tanto horizontal como verticalmente dentro de otro <div>.

Usa Flexbox para crear una barra de navegación con elementos distribuidos horizontalmente en pantallas grandes, y que se apilen verticalmente en pantallas pequeñas.

Crea un layout de dos columnas usando CSS Grid. La primera columna debe ocupar el 30% del espacio y la segunda el 70%. Asegúrate de que el diseño sea responsivo y se adapte a pantallas más pequeñas.

Usa CSS Grid para crear un diseño de 3 filas y 3 columnas con elementos en una cuadrícula de imágenes.

Crea una cuadrícula en CSS Grid con cuatro columnas y dos filas, coloca seis elementos y cambia la dirección para que el orden visual sea del 6 al 1.

Crea un diseño de página con un encabezado, contenido principal, barra lateral y pie de página utilizando CSS Grid.

Crea un archivo style.css y luego usa @import para cargar otro archivo CSS con reglas adicionales para los botones.

Aplica una sombra a un <div> y usa la propiedad box-shadow para crear un efecto de profundidad.

Aplica una transición de 0.3s al cambiar el color de fondo de un <div> cuando se pasa el cursor sobre él.

Crea una animación de texto utilizando @keyframes para hacer que el texto cambie de color y se desplace.

Crea un formulario con campos de entrada que tengan bordes redondeados y un cambio de color en el borde cuando el campo esté enfocado.