main h1 {
    margin-bottom: var(--space-1);
}

#featured {
    padding: 0 var(--space-3) var(--space-3) var(--space-3);
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(20.5rem, 1fr));
    gap: var(--space-4);
    /* overflow: hidden; */
}

main > * {
    margin-top: var(--space-8);
}

main ul {
    text-align:left; 
    margin: 0;
    padding: 0;
}
main ul > li {
    list-style: none;
}
main ul > li > .offering-item {
    color: var(--pico-primary);
    text-decoration: underline;
}

@media (max-width: 24.5rem) {
    #featured {
        grid-template-columns: repeat(auto-fill, minmax(16rem, 1fr));
    }
}

@media (max-width: 18rem) {
    #featured {
        grid-template-columns: repeat(auto-fill, minmax(14rem, 1fr));
    }
}