21. Tabla de Precios (Pricing Table) #22
Description
✨ TAREA: Construcción de tabla de precios
👋 Crea una sección de precios con 3 planes comparativos: Básico, Standard y Premium. Es excelente para practicar layout y estados hover.
📌 Requisitos mínimos:
3 planes con nombre, lista de features (3–6 items) y botón por plan.
Hover para destacar el plan “popular” (por ejemplo, agrandar o cambiar color).
💡 Sugerencias técnicas:
HTML: section.pricing > div.plan.
CSS: usar display:grid o flex para alinear tres columnas.
Usa una clase popular en el plan más destacado y aplica transform/box-shadow en :hover.
Añadir aria-pressed o aria-label en los botones.
🎨 Diseño:
Tarjetas centradas con bordes suaves; el plan popular con color de acento y etiqueta “Más popular”.
Espaciado generoso para claridad.
📤 Publicación/Entrega:
Repo + página publicada. Incluir README que explique qué plan es el destacado y por qué.