.post-card-container {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 20px;
padding: 20px;
box-sizing: border-box;
}
.post-card {
width: 300px;
background-color: #fff;
border-radius: 16px;
overflow: hidden;
box-shadow: 0 4px 8px rgba(0,0,0,0.1);
transition: transform 0.3s ease;
cursor: pointer;
}
.post-card:hover {
transform: scale(1.03);
}
.post-card img {
width: 100%;
height: 180px;
object-fit: cover;
}
.post-card-content {
padding: 15px;
}
.post-card-title {
font-size: 20px;
color: #333;
margin-bottom: 10px;
font-weight: bold;
}
.post-card-snippet {
font-size: 15px;
color: #666;
line-height: 1.6;
}
.post-card-footer {
padding: 10px 15px;
background-color: #d4af37;
color: #fff;
text-align: center;
font-weight: bold;
border-bottom-left-radius: 16px;
border-bottom-right-radius: 16px;
}
@media (max-width: 768px) {
.post-card {
width: 90%;
}
}
]]>
وااااو، فكرة سلايدر أو بطاقة متحركة للمشاركات الشائعة هتخلي المدونة ✨تشع فخامة✨ فعلاً! خليني أجهز لك نموذج فيه:
سلايدر تلقائي يمر بين المشاركات الشائعة 🌀
بطاقات متحركة بلمسات انسيابية تشبه التطبيقات
تصميم متجاوب يناسب الموبايل والكمبيوتر
إمكانية تخصيص اللون أو عدد المشاركات 💫
==============================
تعليقات
إرسال تعليق