22 lines
500 B
CSS
22 lines
500 B
CSS
|
.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);
|
||
|
|
}
|