Desde un archivo en blanco, crear un documento HTML con todo el código necesario para maquetear el siguiente diseño:
- sin preprocessors, puro HTML y lindo CSS
- incluye CSS dentro del mismo documento
- usa el doctype que quieras
- no pienses responsive esta vez pero si alcanzas a hacerlo voh dale
- puntos extras si usas
display: grid - puntos extras si usas
calc() - puntos extras si usas CSS variables
--var var(var) - restan puntos si no indentas o escribes CSS en una línea
- anima las transiciones
- no te preocupes de los íconos ni otro asset
- usa una font websafe
- adivina los colores
- adivina todos los tamaños
- usa imágenes placeholder
- no uses ningún framework o librería CSS
- ¡tienes 20 minutos para dar lo mejor de tí!