Improved responsiveness
This commit is contained in:
parent
85595ea0d2
commit
1bad100209
|
@ -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;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
|
@ -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">
|
||||||
|
|
Loading…
Reference in New Issue