make responsive

This commit is contained in:
41666 2023-05-22 21:21:12 -04:00
parent 73dec35378
commit 7aaec57e6f

View file

@ -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({