forked from M3-Academy/practice-time-shopping-list
feature/shoppinglist #1
@ -1,3 +1,7 @@
|
||||
.shopping-form {
|
||||
margin-bottom: 32px;
|
||||
}
|
||||
|
||||
.shopping-form-inputs {
|
||||
display: flex;
|
||||
margin-bottom: 24px;
|
||||
|
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 "variables.css";
|
||||
@import "form.css";
|
||||
@import "items.css";
|
||||
|
||||
.shopping-container {
|
||||
max-width: 1200px;
|
||||
|
Loading…
Reference in New Issue
Block a user