Code blocks not rendered properly in smaller screens
Nadie ha tomado este issue todavía.
- Lenguaje dominante
- CSS
- Estrellas
- 373
- Forks
- 325
- Merge medio
- 4 d 18 h
- PR fusionados (30 d)
- 1
Descripción
I noticed an issue in which the code block in the "git log --oneline improvements" section renders badly in smaller screen. Further it also breaks the single-pagedness of the website. As a consequence, one might have to zoom in to read the post and scrolling might take you to empty space in the right. Screen shots:
-
Desktop view:
-
Mobile view (iPhone SE resolution)
Note the scroll bar in the bottom of the page.
It would be nice to fix this by making the code blocks render in such a way that the code within the block is scrollable rather than the whole page being scrollable.
Note: Initially mentioned in https://github.com/git/git.github.io/pull/366#issuecomment-471316738
Guía de contribución
No hay ninguna guía de contribución indexada para este repositorio
Primeros pasos
- Lee el issue completo y luego la guía de contribución del proyecto.
- Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
- Haz un fork del repositorio y trabaja en una rama.
- Abre un pull request que haga referencia al número del issue.
Línea de trabajo
Empieza por la sección “git log --oneline improvements” del sitio de Git Developer Pages enlazado y reproduce el diseño con la resolución de iPhone SE mostrada en las capturas de pantalla. Inspecciona los estilos responsivos que afectan a los bloques de código; estará terminado cuando el propio código se desplace horizontalmente sin crear desbordamiento en toda la página ni espacio vacío.
Escrito por el modelo de indexación a partir del texto del issue.
Evaluación
- Stack tecnológico
- css
- Área
- frontend, web-dev
- Tipo de issue
- Error
- Dificultad
- 3/5
- Tiempo estimado
- 1-2 días
- Estado de actividad
- Estancado
- Claridad
- Bastante claro
- Aptitud para principiantes
- 35/100