Ejercicios de código de clases de colores y fondo en Tailwind CSS

Descripción

Crea una página HTML que contenga un par de párrafos y un par de divs, cada uno utilizando diferentes clases de color de texto y fondo predefinidas de Tailwind CSS. Asegúrate de usar al menos tres colores diferentes y tres tonalidades distintas para demostrar el uso de las clases de utilidad de color de texto y de fondo.

Crea un archivo HTML.
Incluye la CDN de Tailwind CSS en el <head> del archivo HTML.
Crea dos párrafos y dos divisiones .
Aplica clases de color de texto rojo, azul y verde a los párrafos.
Aplica clases de color de fondo amarillo, gris y morado a las divisiones.
Utiliza al menos tres tonalidades distintas.

Solución al ejercicio de programación en TailwindCSS

Contenido bloqueado

¡Desbloquea la solución completa!

Completa el ejercicio de programación en TailwindCSS para acceder a la solución paso a paso, explicaciones detalladas y mejores prácticas.

solution.js

JavaScript

1 function solveChallenge ( input ) {

2 // Algoritmo optimizado O(n log n)

3 const data = parseInput ( input );

4 const sorted = data . sort (( a , b ) => a - b );

6 // Aplicar técnica de dos punteros

7 let left = 0 , right = sorted . length - 1 ;

8 const result = [];

10 while ( left < right ) {

11 const sum = sorted [ left ] + sorted [ right ];

12 if ( sum === target ) {

13 result . push ([ sorted [ left ], sorted [ right ]]);

14 left ++; right --;

15 } else if ( sum < target ) {

16 left ++;

17 } else {

18 right --;

19 }

20 }

22 return result ;

23 }

Código completo

Explicaciones

Mejores prácticas

+1.200 developers han resuelto este ejercicio de programación

Practica con ejercicios de programación en TailwindCSS

Mejora tus habilidades con cientos de ejercicios de práctica, recibe retroalimentación instantánea y obtén tu certificación cuando estés listo.

Asistente de IA

Aprende de tus errores

Progreso

Mide tu avance

Certificación

Valida tus habilidades

Comenzar a programar

Únete a miles de desarrolladores mejorando sus habilidades en TailwindCSS

⭐⭐⭐⭐⭐

4.9/5 valoración