• Position (Konumlandırma) Özelliği:

  position: relative;

  ,

  position: absolute;

  ,

  position: fixed;

  ,

  position: sticky;

  gibi değerlerle kartların istenilen pozisyonda sabitlenmesi sağlanabilir 15.
• Display (Görünürlük) Özelliği:

  display: inline-block;

  değeri, kartlara hem yan yana gelme hem de yükseklik-genişlik değeri atama imkanı sunar 1.
• CSS Grid (Izgara) Düzeni: Kartların tekrarlanabilir ve farklı cihaz tiplerinde görüntülenebilir olmasını sağlar 3.

.card {
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
  transition: 0.3s;
  border-radius: 5px;
}
.card:hover {
  box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}
.container {
  padding: 2px 16px;
}
Kopyala