Improved responsiveness

This commit is contained in:
root 2023-06-02 10:55:43 +02:00
parent 85595ea0d2
commit 1bad100209
2 changed files with 19 additions and 0 deletions

View File

@ -63,3 +63,21 @@ body {
justify-content: center; justify-content: center;
align-items: center; align-items: center;
} }
@media only screen and (max-width:480px) {
#content {
min-width: 95%;
transform: none;
position: absolute;
top: 5px;
left: 50%;
transform: translate(-50%);
}
.a {
font-size: small;
}
.b {
font-size: small;
}
}

View File

@ -2,6 +2,7 @@
<head> <head>
<title>{{ title }}</title> <title>{{ title }}</title>
<link rel="stylesheet" type="text/css" href="/css/ab.css" /> <link rel="stylesheet" type="text/css" href="/css/ab.css" />
<meta name="viewport" content="width=device-width,initial-scale=1" />
</head> </head>
<body> <body>
<div id="content"> <div id="content">