En 1 mes, estoy cerca de 1,000 miembros, ¡pero me falta una cosa!

Soporte
2

Según veo tu sitio ahora mismo, las tres columnas son responsivas.

Pero si lo que quieres es que las 3 columnas se encojan en su sitio a medida que estrechas la ventana (excepto en móvil, por supuesto), podrías probar esto:

/* Contenedor para mantener las 3 columnas */
#main-outlet-wrapper {
  display: flex;
  justify-content: space-between;
  gap: 20px; /* Ajusta el espacio entre columnas si es necesario */
}

/* Cada columna */
.sidebar-wrapper,
#main-outlet,
.custom-right-sidebar {
  flex: 1;
  padding: 10px;
  background-color: #f4f4f4; /* Fondo claro para visibilidad */
  border: 1px solid #ddd; /* Borde opcional */
  box-sizing: border-box; /* Asegura que el padding se incluya en el ancho */
}

@media (max-width: 768px) {
  /* Apila las columnas en pantallas más pequeñas */
  #main-outlet-wrapper {
    flex-direction: column;
  }
}
7 Me gusta