diff options
| -rw-r--r-- | static/style.css | 14 | ||||
| -rw-r--r-- | templates/base.m4 | 1 |
2 files changed, 12 insertions, 3 deletions
diff --git a/static/style.css b/static/style.css index b7d3305..e4b74bf 100644 --- a/static/style.css +++ b/static/style.css @@ -2,9 +2,10 @@ body { color: white; background-color: black; - min-width: 800px; - width: 70%; - margin: auto; + width: 80%; + max-width: 1000px; + margin: 20px auto; + font-size: 16px; } .bottom-align { @@ -15,6 +16,7 @@ body { .title { display: flex; + flex-direction: column; } .title h1 { @@ -30,3 +32,9 @@ body { width: 100px; display: inline; } + +@media (min-width: 768px) { + .title { + flex-direction: row; /* Volta a ficar lado a lado */ + } +} diff --git a/templates/base.m4 b/templates/base.m4 index 35781c1..bdf8274 100644 --- a/templates/base.m4 +++ b/templates/base.m4 @@ -2,6 +2,7 @@ <head> <title>Esquizo</title> <meta charset="utf-8"/> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> </head> <link href="/static/style.css" rel="stylesheet"/> |