contenedor)"}],"passed":false},{"id":"hero-bg-dark","label":"El fondo del hero es oscuro","hint":"","hintSteps":[{"type":"action","text":"Envuelve el h1 en

si aún no lo hiciste"},{"type":"code","text":"Añade fondo oscuro al main:","code":"

"},{"type":"tip","text":"También vale bg-gray-950 o bg-black"}],"passed":false},{"id":"hero-min-h-screen","label":"El hero ocupa toda la pantalla (min-h-screen)","hint":"","hintSteps":[{"type":"action","text":"En el mismo

, añade la clase min-h-screen"},{"type":"code","text":"Ejemplo:","code":"

"},{"type":"tip","text":"Guarda: el fondo oscuro debe llegar abajo del todo"}],"passed":false},{"id":"hero-flex-center","label":"El título está centrado en medio de la pantalla","hint":"","hintSteps":[{"type":"action","text":"Añade flex y centrado al

"},{"type":"code","text":"Clases:","code":"className=\"min-h-screen bg-[#0a0a0f] flex flex-col items-center justify-center\""}],"passed":false},{"id":"h1-text-large","label":"El título es grande (text-4xl o más)","hint":"","hintSteps":[{"type":"action","text":"En el

, añade tamaño grande"},{"type":"code","text":"Ejemplo:","code":"className=\"text-center text-4xl md:text-5xl\""}],"passed":false},{"id":"h1-text-white","label":"El título es blanco (text-white)","hint":"","hintSteps":[{"type":"action","text":"Añade text-white al h1"},{"type":"code","text":"Ejemplo:","code":"className=\"text-center text-white text-4xl\""}],"passed":false},{"id":"h1-font-bold","label":"El título está en negrita (font-bold)","hint":"","hintSteps":[{"type":"action","text":"Añade font-bold al h1"},{"type":"code","text":"Resultado final del h1:","code":"

Hello World

"},{"type":"tip","text":"Compara con la vista previa del curso"}],"passed":false}],"initialStatus":"current","totalLevels":30}]

"},{"type":"code","text":"Sustituye el h1 vacío por:","code":"

Hello World

Hello World

Hello World

Hello World

Nivel 1: Hello World

Así debería verse tu web al finalizar este nivel

Objetivo

Pasos a completar (0/11)