[Argi]

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.

--- EN COMENTARIOS ESTÁ EL
CODIGO QUE SUGIERO---

Mostrar ContenidoVer Imagen:

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

Mostrar ContenidoVer Imagenes:

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

Mostrar ContenidoVer Imagenes:

 

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