make responsive
This commit is contained in:
parent
73dec35378
commit
7aaec57e6f
1 changed files with 11 additions and 0 deletions
|
@ -4,6 +4,17 @@ export const container = style({
|
|||
background: "#333",
|
||||
flexBasis: "30%",
|
||||
margin: "0.5rem",
|
||||
|
||||
"@media": {
|
||||
// under 600px
|
||||
"screen and (max-width: 600px)": {
|
||||
flexBasis: "100%",
|
||||
},
|
||||
// between 600px and 1000px
|
||||
"screen and (min-width: 600px) and (max-width: 1000px)": {
|
||||
flexBasis: "45%",
|
||||
},
|
||||
},
|
||||
});
|
||||
|
||||
export const header = style({
|
||||
|
|
Loading…
Add table
Reference in a new issue