.shopping-result{
    max-width: 416px;
}

.shopping-result-head,
.shopping-item{
    display: grid;
    grid-template-columns: 3fr 1fr; /*de todo espaço disponivel, vai separa em 4 partes, sendo 3 partes pro primeiro e 1 pro segundo*/
    padding: 8px 16px;
}

.shopping-result-head{
    background: var(--gray-100);
}

.shopping-items{
    list-style: none;
}

.shopping-item:nth-child(even){ /*cada shopping item que seja um elemento par vai receber backgroud*/
    background: var(--gray-100);
}