kntdgrtnnly/upiecep-website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Modified Executive Committee page

Browse Source
This commit is contained in:
Kent Joseph T. Palima
2026-04-30 12:28:43 +08:00
parent 0cb61910ad
commit 05b3b7b6db
2 changed files with 4 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/assets/images/execomm/execomm_banner.png
BIN
View File
Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 331 KiB

After

Width:  |  Height:  |  Size: 705 KiB

src/styles/executive-committee.scss
+4 -3
View File
@@ -18,14 +18,15 @@
.banner-container { .banner-container {
width: 100%; width: 100%;
margin-bottom: 4rem; max-width: 1200px; /* Prevents the banner from getting absurdly wide */
margin: 0 auto 4rem auto; /* Centers the banner and keeps the bottom gap */
border-radius: 1.5rem; border-radius: 1.5rem;
overflow: hidden; overflow: hidden;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
img { img {
width: 100%; width: 100%;
height: auto; /* Allows the image to scale naturally based on its native aspect ratio */ height: auto;
display: block; display: block;
} }
} }
@@ -49,7 +50,7 @@
img { img {
width: 100%; width: 100%;
height: auto; height: auto;
aspect-ratio: 1 / 1; /* CHANGED: Forces the images to be perfectly square */ aspect-ratio: 1 / 1;
object-fit: cover; object-fit: cover;
display: block; display: block;
} }