From 794f09019d2b3836118f839d6e0343b0fb39ecbc Mon Sep 17 00:00:00 2001 From: ZabdielZ Date: Thu, 23 Jan 2025 23:31:33 -0600 Subject: [PATCH 1/2] Seccion de las fotos de los integrantes arreglada --- assets/scss/_common.scss | 21 +++++++++++++++++++++ 1 file changed, 21 insertions(+) diff --git a/assets/scss/_common.scss b/assets/scss/_common.scss index e9fad39..716c537 100644 --- a/assets/scss/_common.scss +++ b/assets/scss/_common.scss @@ -290,6 +290,27 @@ textarea.form-control{ } } /* /card */ +.card { + display: flex; /* Activa el comportamiento de Flexbox */ + flex-direction: column; /* Apila los elementos verticalmente */ + height: 100%; /* Asegura que las tarjetas ocupen la misma altura */ +} + + +.card-img-top { + width: 100%; /* Hace que ocupe todo el ancho del contenedor */ + height: 400px; /* Ajusta la altura de las imágenes (puedes cambiar el valor) */ + object-fit: cover; /* Recorta las imágenes si no tienen la proporción exacta */ +} + +.card-body { + flex-grow: 1; /* Hace que esta sección ocupe el espacio restante */ + display: flex; /* Activa Flexbox dentro de esta sección */ + flex-direction: column; /* Permite que el contenido se apile verticalmente */ + justify-content: center; /* Centra el contenido verticalmente */ + text-align: center; /* Alinea el texto horizontalmente */ +} + From eeb4b86f4a2fa37a67686b4bef18c9f30547c13a Mon Sep 17 00:00:00 2001 From: ZabdielZ Date: Thu, 23 Jan 2025 23:59:16 -0600 Subject: [PATCH 2/2] seccion de fotos de integrantes arreglada --- assets/scss/_common.scss | 22 +++++++++++----------- 1 file changed, 11 insertions(+), 11 deletions(-) diff --git a/assets/scss/_common.scss b/assets/scss/_common.scss index 716c537..ca7c694 100644 --- a/assets/scss/_common.scss +++ b/assets/scss/_common.scss @@ -291,24 +291,24 @@ textarea.form-control{ } /* /card */ .card { - display: flex; /* Activa el comportamiento de Flexbox */ - flex-direction: column; /* Apila los elementos verticalmente */ - height: 100%; /* Asegura que las tarjetas ocupen la misma altura */ + display: flex; + flex-direction: column; + height: 100%; } .card-img-top { - width: 100%; /* Hace que ocupe todo el ancho del contenedor */ - height: 400px; /* Ajusta la altura de las imágenes (puedes cambiar el valor) */ - object-fit: cover; /* Recorta las imágenes si no tienen la proporción exacta */ + width: 100%; + height: 400px; + object-fit: cover; } .card-body { - flex-grow: 1; /* Hace que esta sección ocupe el espacio restante */ - display: flex; /* Activa Flexbox dentro de esta sección */ - flex-direction: column; /* Permite que el contenido se apile verticalmente */ - justify-content: center; /* Centra el contenido verticalmente */ - text-align: center; /* Alinea el texto horizontalmente */ + flex-grow: 1; + display: flex; + flex-direction: column; + justify-content: center; + text-align: center; }