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