Improve margin on mobile displays
This commit is contained in:
parent
8ee3cd7582
commit
8e07a2dcd9
2 changed files with 8 additions and 3 deletions
|
@ -7,13 +7,17 @@
|
|||
/*--background2: #f7f7f7;*/
|
||||
}
|
||||
|
||||
body {
|
||||
max-width: 640px;
|
||||
html {
|
||||
font-size: 110%;
|
||||
max-width: calc(640px + 2em);
|
||||
margin: 8px auto 6em;
|
||||
}
|
||||
|
||||
body {
|
||||
margin: 0 1em;
|
||||
font-family: Arial, sans-serif;
|
||||
color: var(--main);
|
||||
background-color: var(--background);
|
||||
font-size: 110%;
|
||||
}
|
||||
|
||||
p {
|
||||
|
|
|
@ -3,6 +3,7 @@
|
|||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>{% block title %}Home{% endblock %} | Gab's Notes</title>
|
||||
<link rel="stylesheet" href="{% static 'style.css' %}" type="text/css">
|
||||
<link rel="alternate" type="application/rss+xml" title="Gab's Notes » Feed" href="https://gabnotes.org/feed/">
|
||||
|
|
Reference in a new issue