Image Gallery
✅ ساختار HTML:
📌 توضیحات:
-
display: grid
→ گالری رو به صورت گرید میسازه. -
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
→ ریسپانسیو میکنه (تصاویر تو موبایل و دسکتاپ خوب نمایش داده میشن). -
object-fit: cover
→ باعث میشه عکسها برش بخورن و کشیده نشن. -
روی hover → انیمیشن بزرگنمایی (zoom effect) داریم.