[Feature]: Make the editor responsive on mobile screens

Abierto
#18 4 comentarios 0 reacciones 1 asignado Ver en GitHub

@AyobamiH ya está trabajando en esto.

Desde el 15/8/2026.

  • #35 de @AyobamiH — abierto

Evaluación

Este issue todavía no se ha evaluado.

Descripción

Problem

CodeReel currently uses a desktop three-column layout with a minimum width that makes the editor difficult or impossible to use on mobile screens.

Proposed solution

Create a responsive layout for small viewports that keeps the preview and essential controls usable.

Acceptance criteria:

  • The app is usable at common mobile widths, such as 320px and 375px, without clipped primary controls.
  • The code, preview, and style controls adapt into an appropriate stacked, collapsible, or otherwise mobile-friendly layout.
  • The preview remains visible and usable.
  • Existing desktop behavior is preserved.
Alternatives considered

Keep the current desktop-only layout.

Additional context

The current layout has a 1280px minimum width.

Checklist
  • I have searched existing issues and this is not a duplicate
  • I agree to follow this project's Code of Conduct
Lenguaje dominante
TypeScript
Estrellas
51
Forks
10
Métricas de merge de PR
Sin PR fusionados en 30 d

Preparar el entorno

Primeros pasos

  1. Lee el issue completo y luego la guía de contribución del proyecto.
  2. Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
  3. Haz un fork del repositorio y trabaja en una rama.
  4. Abre un pull request que haga referencia al número del issue.

Más de eddiejaoude/CodeReel

Todos los issues de eddiejaoude/CodeReel

Issues similares

Más issues de TypeScript

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.