minhnhat/uldp.edu.vn
1
0
Fork 0
forked from UKSOURCE/hailearning.edu.vn
Code Pull Requests 1 Activity

fix: refactor services page styling and improve component logic

Browse Source
This commit is contained in:
nguyenvanbao
2026-02-04 11:52:19 +07:00
parent ff8424078b
commit 693821a9aa
2 changed files with 56 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

53
app/services/services.css Normal file
View File

@@ -0,0 +1,53 @@
/* Custom CSS for Service Image Sizing */
.service-main-item-3 .service-left .service-image {
flex-shrink: 0;
width: 352px;
height: 216px;
overflow: hidden;
border-radius: 16px;
}
.service-main-item-3 .service-left .service-image img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
border-radius: 16px;
}
/*
.service-main-item-3 .service-left .content {
flex: 1;
min-width: 0;
}
.service-main-item-3 .service-left {
gap: 30px;
align-items: flex-start;
} */
/* @media (max-width: 1399px) {
.service-main-item-3 .service-left .service-image {
width: 250px;
height: 180px;
}
}
@media (max-width: 767px) {
.service-main-item-3 .service-left .service-image {
width: 100%;
height: 200px;
max-width: 300px;
}
.service-main-item-3 .service-left {
flex-direction: column;
align-items: flex-start;
text-align: left;
}
.service-main-item-3.style-2 .service-left {
flex-direction: column-reverse;
align-items: flex-start;
text-align: left;
}
} */