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;
|
||||
width: 450px;
|
||||
|
||||
@media screen and (max-width: 450px) {
|
||||
width: 350px;
|
||||
}
|
||||
|
||||
.flex-row {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
|
|
|
@ -3,6 +3,7 @@
|
|||
<head>
|
||||
<title>Al-Quran: Loading</title>
|
||||
<link rel="stylesheet" href="/css/surah.css">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
</head>
|
||||
<body>
|
||||
<div class="surah"></div>
|
||||
|
|
Loading…
Reference in a new issue