هذا يعمل على سطح المكتب الآن! ولكن ليس على الهاتف المحمول. لقد قمت بالفعل بتجميع بعض CSS للتمرير الأفقي للجوال، ولكنه ليس متطورًا حقًا ![]()
كما أضفت تعديل الخط لأن حجم خط العنوان كان كبيرًا جدًا بالنسبة لحجم الشاشة الصغير
.featured-cards-container {
display: flex;
flex-direction: row;
align-items: stretch;
gap: 1rem;
margin-bottom: 1rem;
align-content: flex-start;
overflow-x: auto;
max-height: 350px;
}
.featured-cards-container .featured-card {
min-width: 90%;
}
.featured-card a.card-content .card-details .topic-title {
font-size: var(--font-up-1);
}