medium.css

@media screen and (min-width: 600px) and (max-width: 900px)
{
    

    .logo
    {

        font-size:calc(1.4rem + 1vw);
    }

    

    .search-container
    {
        width:76%;
    }

    .subheading
    {
        font-size:1.6rem;
    
    }

    
    .filter
    {
        padding:.8rem calc(.4rem + .6vw);

    }

    .filter>*
    {
        font-size:calc(1rem + .8vw);
    }

    .collection-list>li>a
    {
        font-size:calc(1rem + 1vw);
    }

    .collection-items-container
    {
        
        display:flex;
        flex-direction: row;
        gap:1rem;
        justify-content: space-between;
    }
    .collection-items
{
    width:48%;
}

.collection-items-details-one,.collection-items-details-two
{
    gap:.8rem;
}

.collection-items-details-one-name
{
    font-size:calc(1rem + .6vw);
}

.collection-items-details-one-card
{
    padding:.2rem;
}

.collection-items-details-two>.collection-icon,.collection-items-details-two>label
{

    
    font-size:calc(.8rem + .8vw);
}

.fordesigners>li
{
    
    font-size:calc(1rem + .6vw);
}

.footer-subheading
{
    width:50%;
}

}