Jinsi ya Kutengeneza Grid Gallery kwa CSS
Grid layout inarahisisha kupanga images kwa responsive manner.
Example Code:
<div class="gallery">
<img src="https://via.placeholder.com/300">
<img src="https://via.placeholder.com/300">
<img src="https://via.placeholder.com/300">
</div>
<style>
.gallery {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
gap: 10px;
}
.gallery img { width: 100%; border-radius:10px; }
</style>
YouTube Description:
Jifunze kuunda responsive grid gallery kwa CSS.
Hashtags:
#CSSGrid #ImageGallery #Faulink
🚀 Unahitaji mfumo au website ya biashara?
Chagua huduma hapa chini kisha mteja bofya moja kwa moja kwenda kwenye ukurasa wa huduma au kuwasiliana nasi kwa WhatsApp.