Entrar ¿Aún no tienes acceso?
Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
1
respuesta

DUDA LOGO ALURA

Referente al curso CSS: Flexbox y layouts responsivos, en el capítulo Videos Flex-grow y actividad Desafío: organizar las descripciones

por Thiare Francesca Soto Ramos
| 36.4k xp | 8 posts

Ingrese aquí la descripción de esta imagen para ayudar con la accesibilidad

Me salen 2 logos de alura mas grandes, como soluciono eso, este es mi codigo

`.videos__item{ height: 303px; width: 280px; flex-grow: 1; /aumento el tamaño del video hasta lo que consiga agrandarse/ }

.videos__container { display: flex; flex-wrap: wrap;

}

.descripcion-video{ display: flex; flex-direction: row; justify-content: space-around; gap: 20px; padding: 10px; }

.detalles__video{ display: flex; flex-direction: column; text-align: left; gap: 10px; }

.imagen_logo { display: flex; padding: 10px; }`

1 respuesta
por Brenda Souza
| 3776.6k xp | 13801 posts
Alura Scuba Team Scuba

Hola Thiare, espero que estés bien

Para solucionar el problema de que te salen dos logos de Alura más grandes de lo esperado, puedes probar a ajustar el tamaño de las imágenes utilizando la propiedad max-width. Por ejemplo, podrías añadir la siguiente regla CSS para limitar el tamaño máximo de las imágenes de los logos:

.imagen_logo img {
    max-width: 100%;
    height: auto;
}

De esta forma, estarías asegurándote de que las imágenes de los logos no se salgan del contenedor y se ajusten al ancho disponible.

Espero que esta solución te ayude a resolver tu problema. ¡Buena suerte con tu proyecto en AluraPlay!

Espero haber ayudado y buenos estudios!