Skip to content

feat: Implementar diseño responsive para vistas hechas hasta el momento #43

@Frasquito3

Description

@Frasquito3

Descripción

User Story: Como usuario, quiero que la interfaz de la plataforma se adapte correctamente a cualquier tamaño de pantalla, especialmente en mi móvil o tablet, para poder navegar, leer contenido y utilizar las funcionalidades de forma cómoda y sin problemas de visualización.

Nombre de Rama Sugerido (Opcional)

feature/responsive-ui-improvements

Tareas Propuestas (Checklist)

  • Adaptar la NavBar para que se convierta en un menú desplegable en dispositivos móviles.
  • Ajustar el HeroSection de la Landing Page para que el contenido se centre y sea legible en pantallas pequeñas.
  • Hacer que las grillas de las secciones (TrendingCourses, BenefitsSection, PopularRanking) sean responsivas.
  • Adaptar la vista de lista de cursos (CourseListPage) para que las tarjetas (CardList) se apilen verticalmente en móviles y se muestren en un layout de lista horizontal en escritorio.
  • Corregir el AuthLayout para evitar que la tarjeta de autenticación cubra el encabezado en móviles y mejorar el espaciado general.
  • Mejorar la alineación y el espaciado de los elementos del formulario de Login para una mejor experiencia en móvil.
  • Solucionar el desbordamiento horizontal (overflow) en la LandingPage para evitar el scroll lateral no deseado.
  • Refinar el Footer para que el contenido se centre correctamente en la vista de móvil.

Definición de 'Hecho' (Definition of Done)

  • Todas las vistas principales (Landing, Login, Register, CourseList) se visualizan correctamente en los breakpoints más comunes (móvil, tablet, escritorio) sin desbordamiento horizontal.
  • La navegación en dispositivos móviles es completamente funcional a través del menú desplegable.
  • La vista de lista de cursos muestra una tarjeta por fila en móviles y un layout de lista detallado en pantallas más grandes.
  • Los formularios de autenticación son fáciles de usar y leer en pantallas pequeñas.
  • El Pull Request asociado ha sido revisado y aprobado.
  • La funcionalidad cumple con los requisitos descritos.

Metadata

Metadata

Assignees

Labels

featureIntroduce new features, enhancements, or significant improvements to the project

Type

No type
No fields configured for issues without a type.

Projects

Status

Done

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions