Amandaalmeida/practice-time-shopping-list-amanda-almeida
1
0
Fork 0
forked from M3-Academy/practice-time-shopping-list
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat(css): adiciona css dos resultados

Browse Source
This commit is contained in:
amanda almeida 2022-11-09 21:22:11 -03:00
parent 588bd0d584
commit e68ad13ada
3 changed files with 27 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
styles/form.css
View File

@ -1,3 +1,7 @@
.shopping-form {
margin-bottom: 32px;
}
.shopping-form-inputs {
display: flex;
align-items: flex-end;

22
styles/items.css Normal file
View 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(event) {
background: var(--gray-100);
}

1
styles/main.css
View File

@ -1,6 +1,7 @@
@import "global.css";
@import "variables.css";
@import "form.css";
@import "items.css";
.shopping-container {
max-width: 1200px;