practice-time-shopping-list.../styles/items.css

22 lines
500 B
CSS
Raw Normal View History

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