ps2.live/ps2.live-old
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

make responsive

Browse source
This commit is contained in:
41666 2023-05-22 21:21:12 -04:00
parent 73dec35378
commit 7aaec57e6f
1 changed files with 11 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
app/components/index-world.css.ts
View file

@ -4,6 +4,17 @@ export const container = style({
background: "#333", background: "#333",
flexBasis: "30%", flexBasis: "30%",
margin: "0.5rem", 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({ export const header = style({