forked from M3-Academy/practice-time-shopping-list
feat(home):finalizacao do projeto
This commit is contained in:
parent
016f8fbd4e
commit
09c5d10825
@ -1,3 +1,8 @@
|
||||
|
||||
.shopping-form {
|
||||
margin-bottom: 32px;
|
||||
}
|
||||
|
||||
.shopping-form-inputs {
|
||||
display: flex;
|
||||
align-items: flex-end;
|
||||
|
22
styles/items.css
Normal file
22
styles/items.css
Normal file
@ -0,0 +1,22 @@
|
||||
.shopping-result{
|
||||
max-width: 416px;
|
||||
}
|
||||
|
||||
.shopping-result-head,
|
||||
.shopping-item{
|
||||
display: grid;
|
||||
grid-template-columns: 3fr 1fr;
|
||||
padding: 8px 16px;
|
||||
}
|
||||
|
||||
.shopping-result-head{
|
||||
background: var(--gray-100);
|
||||
}
|
||||
|
||||
.shopping-items {
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
.shopping-item:nth-child(even){
|
||||
background: var(--gray-100);
|
||||
}
|
@ -1,6 +1,7 @@
|
||||
@import "global.css";
|
||||
@import "varibles.css";
|
||||
@import "form.css";
|
||||
@import "items.css";
|
||||
|
||||
.shopping-container {
|
||||
max-width: 1200px;
|
||||
|
Loading…
Reference in New Issue
Block a user