Hola! Estuve revisando el código del foro y lo encontré un poco raro.
Voy a mostrar los problemas y posteriormente les busco una solución.
1) COLUMNA DE CONTENIDO PRINCIPAL ANGOSTA
2) BARRA DE NAVEGACION SE SUPERPONE A OTROS ELEMENTOS, COMO LA CAJA DE USUARIO (ARRIBA A LA DERECHA)
3) EL SITIO NO ES RESPONSIVO
Donde dice 100% (48% en el código) debe colocarse 1fr
.portal-grid {
width: 1fr;
}
ESO SOLUCIONA EL PROBLEMA DE QUE LA COLUMNA DE TEMAS ESTÁ ANGOSTA
Se ve cambiado sólo uno porque yo estaba seleccionando un elemento, pero el problema viene de la clase portal-grid
Si quieren que se pongan de a dos, el contenedor de los portal-grid debería ser grid y decirle que cada portal-grid midan de ancho 0.5fr o menos. Mejor es usar dos columnas de 1fr cada una.
Si quieren hacerlo con flexbox, debería usarse:
.izquierda-portal {
flex-wrap: wrap;
}
y el ancho de cada portal-grid ser menor a la mitad
QUIZÁS aplicar flex-basis
Voy a mostrar los problemas y posteriormente les busco una solución.
--- EN COMENTARIOS ESTÁ EL
CODIGO QUE SUGIERO---
CODIGO QUE SUGIERO---
Ver Imagen:
![[Imagen: 2021-11-17-05-50-17.jpg]](https://i.ibb.co/NYjJ0g5/2021-11-17-05-50-17.jpg)
1) COLUMNA DE CONTENIDO PRINCIPAL ANGOSTA
2) BARRA DE NAVEGACION SE SUPERPONE A OTROS ELEMENTOS, COMO LA CAJA DE USUARIO (ARRIBA A LA DERECHA)
3) EL SITIO NO ES RESPONSIVO
Ver Imagenes:
![[Imagen: 2021-11-17-05-50-41.jpg]](https://i.ibb.co/8jRFHNQ/2021-11-17-05-50-41.jpg)
![[Imagen: grid.png]](https://i.ibb.co/dMcLZYQ/grid.png)
Donde dice 100% (48% en el código) debe colocarse 1fr
.portal-grid {
width: 1fr;
}
ESO SOLUCIONA EL PROBLEMA DE QUE LA COLUMNA DE TEMAS ESTÁ ANGOSTA
Ver Imagenes:
![[Imagen: portal-grid.png]](https://i.ibb.co/Gpxffpd/portal-grid.png)
![[Imagen: portal-grid-2.png]](https://i.ibb.co/HKGg9y0/portal-grid-2.png)
Se ve cambiado sólo uno porque yo estaba seleccionando un elemento, pero el problema viene de la clase portal-grid
Si quieren que se pongan de a dos, el contenedor de los portal-grid debería ser grid y decirle que cada portal-grid midan de ancho 0.5fr o menos. Mejor es usar dos columnas de 1fr cada una.
Si quieren hacerlo con flexbox, debería usarse:
.izquierda-portal {
flex-wrap: wrap;
}
y el ancho de cada portal-grid ser menor a la mitad
QUIZÁS aplicar flex-basis
![[Imagen: 42SnVtH.png]](https://i.imgur.com/42SnVtH.png)
