improve layout on mobile
This commit is contained in:
parent
5abd0d00a6
commit
bc6f6f4617
2 changed files with 5 additions and 0 deletions
|
@ -8,6 +8,10 @@ body {
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
width: 450px;
|
width: 450px;
|
||||||
|
|
||||||
|
@media screen and (max-width: 450px) {
|
||||||
|
width: 350px;
|
||||||
|
}
|
||||||
|
|
||||||
.flex-row {
|
.flex-row {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
|
|
|
@ -3,6 +3,7 @@
|
||||||
<head>
|
<head>
|
||||||
<title>Al-Quran: Loading</title>
|
<title>Al-Quran: Loading</title>
|
||||||
<link rel="stylesheet" href="/css/surah.css">
|
<link rel="stylesheet" href="/css/surah.css">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<div class="surah"></div>
|
<div class="surah"></div>
|
||||||
|
|
Loading…
Reference in a new issue