anna-sara/vbytes_billoard
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Style for images.php

Browse source
This commit is contained in:
Anna-Sara Sélea 2026-05-01 08:55:52 +02:00
parent 85a042e783
commit 5a3cc19949
1 changed files with 32 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

32
images.php
View file

@ -4,6 +4,38 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="css/style.css"> <link rel="stylesheet" href="css/style.css">
</head> </head>
<style>
.gallery-container {
max-width: 1920px;
margin: 0 auto;
display: grid;
grid-template-columns: repeat(2, minmax(250px, 1fr));
gap: 15px;
padding: 20px;
grid-template-rows: 300px;
@media screen and (min-width: 1440px) {
grid-template-columns: repeat(4, minmax(250px, 1fr));
}
}
.gallery-item {
height: 300px;
width: auto;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
p {
height: 10%;
}
img {
width: 100%;
height: 90%;
object-fit: contain;
}
}
</style>
<body> <body>
<div class="gallery-container"> <div class="gallery-container">
<?php <?php