Improve margin on mobile displays

This commit is contained in:
Gabriel Augendre 2020-08-17 16:13:30 +02:00
parent 8ee3cd7582
commit 8e07a2dcd9
2 changed files with 8 additions and 3 deletions

View file

@ -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 {

View file

@ -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/">