Featured Cards component

Theme component
35

That works on desktop now! But not on mobile. I already hacked together some CSS for mobile horizontal scroll, but it’s not really sophisticated :smiley:

Also added font adjustment as the title font size was too big for the small screen size

.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);
}
2 Likes