Değişiklik özeti yok |
Değişiklik özeti yok |
||
1. satır: | 1. satır: | ||
.grid-gallery { | .grid-gallery { | ||
display: | display: flex; | ||
flex-wrap: wrap; | |||
gap: 10px; | gap: 10px; | ||
} | } | ||
.grid-item { | .grid-item { | ||
position: relative; | position: relative; | ||
width: | width: 150px; | ||
height: 50px; | |||
overflow: hidden; | overflow: hidden; | ||
border-radius: 8px; | border-radius: 8px; | ||
box-shadow: 0 0 6px rgba(0,0,0,0.6); | |||
} | } | ||
.grid-item img { | .grid-item img { | ||
width: | width: 150px; | ||
height: | height: 50px; | ||
object-fit: cover; | object-fit: cover; | ||
display: block; | display: block; | ||
border-radius: 8px; | border-radius: 8px; | ||
} | } | ||
26. satır: | 27. satır: | ||
top: 0; | top: 0; | ||
left: 0; | left: 0; | ||
width: | width: 150px; | ||
height: | height: 50px; | ||
display: flex; | display: flex; | ||
align-items: center; | align-items: center; | ||
33. satır: | 34. satır: | ||
color: white; | color: white; | ||
font-weight: bold; | font-weight: bold; | ||
font-size: 15px; | |||
text-shadow: 0 0 5px black; | text-shadow: 0 0 5px black; | ||
z-index: 2; | |||
} | } |
07.14, 23 Nisan 2025 tarihindeki hâli
.grid-gallery {
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.grid-item {
position: relative;
width: 150px;
height: 50px;
overflow: hidden;
border-radius: 8px;
box-shadow: 0 0 6px rgba(0,0,0,0.6);
}
.grid-item img {
width: 150px;
height: 50px;
object-fit: cover;
display: block;
border-radius: 8px;
}
.grid-text {
position: absolute;
top: 0;
left: 0;
width: 150px;
height: 50px;
display: flex;
align-items: center;
justify-content: center;
color: white;
font-weight: bold;
font-size: 15px;
text-shadow: 0 0 5px black;
z-index: 2;
}