javascriptecuador / javascriptecuador/web
[BUG] Espacio en el contenedor y barra de slides. Sección Comunidad
- Dominant language
- JavaScript
- Stars
- 24
- Forks
- 22
- PR merge metrics
- No merged PRs in 30d
Description
**Describe el bug/error**
Se debe mejorar la presentación del slider de Comunidad. Actualmente por diferencia de tamaños en las imágenes del slider, no se está visualizando correctamente el componente. Pero se debe añadir una pequeña separación entre el contenedor de imágenes y la barra de slides.
**Para reproducirlo**
Pasos para reproducir el comportamiento:
1. Ir a 'localhost:8000 || javascript.ec'
2. Scroll down a 'Comunidad'
4. Ver el error
**Comportamiento esperado**
De acuerdo con el prototipo en Figma, existe un pequeño espacio entre el contenedor de slides y la barra de slides.

**Capturas de Pantalla**
Este es el comportamiento actual del slider.

**Desktop:**
- OS: Windows 10 x64 v.20H2
- Navegador [ Brave Browser v.1.21.76, MS Edge v.89.0.774.54 ]
**Información adicional**
Para resolver este bug, debes arreglar este estilo en `src\components\community-section\photo-slider\photo-slider.css`
```css
.slick-dots li {
border-radius: 10em;
width: 11.36%;
height: 15.65px; /* esta regla presenta conflictos. */
margin: 0 0.4em;
}
```
Contributor guide
Research direction
Start in src/components/community-section/photo-slider/photo-slider.css and inspect the .slick-dots li rules used by the Community photo slider. Compare the result with the linked current screenshot and Figma reference; done means the image container and slide indicator bar have the intended spacing and the slider displays correctly across the reported desktop browsers.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- css, javascript
- Domain
- design, frontend
- Issue type
- Bug
- Difficulty
- 1/5
- Estimated time
- Under an hour
- Activity status
- Stale
- Clarity
- Clearly specified
- Newbie friendliness
- 45/100