| Server IP : 65.108.144.40 / Your IP : 216.73.217.165 Web Server : Apache/2.4.52 (Ubuntu) System : Linux ubuntu-8gb-hel1-1 5.15.0-173-generic #183-Ubuntu SMP Fri Mar 6 13:29:34 UTC 2026 x86_64 User : dev ( 1000) PHP Version : 8.2.30 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : ON | Pkexec : ON Directory : /var/www/html/successkpi/wp-content/themes/successkpi/blocks/media-grid/ |
Upload File : |
.image-grid-section .media-wrapper {
display: grid;
grid-template-columns: 1fr 2.2fr 1fr;
gap: 30px;
align-items: stretch;
}
.media-wrapper .left-images,
.media-wrapper .right-images {
display: flex;
flex-direction: column;
gap: 20px;
height: 100%;
}
.media-wrapper .left-images img,
.media-wrapper .right-images img {
flex: 1;
width: 100%;
height: 50%;
object-fit: cover;
border-radius: 15px;
}
.media-wrapper .middle-image img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 15px;
}
@media (max-width: 768px) {
.media-wrapper .left-images img,
.media-wrapper .right-images img,
.media-wrapper .middle-image img {
height: auto;
}
}
@media (max-width: 460px) {
.media-wrapper .left-images,
.image-grid-section .media-wrapper,
.media-wrapper .right-images {
display: none;
}
}