diff --git a/sass/_nav.scss b/sass/_nav.scss
index fff84c5..d1ff3ef 100644
--- a/sass/_nav.scss
+++ b/sass/_nav.scss
@@ -38,8 +38,11 @@ nav {
display:flex;
justify-content:space-between;
align-items:flex-end;
- width:$recipe-wrap;
+ width:100%;
+ max-width:$recipe-wrap;
margin:0 auto;
+ padding:0 1em;
+ box-sizing:border-box;
}
.subnav {
diff --git a/sass/style.scss b/sass/style.scss
index 27eac21..9a7fb2c 100644
--- a/sass/style.scss
+++ b/sass/style.scss
@@ -30,7 +30,7 @@ img {
}
main {
- width:$wrap;
+ max-width:$wrap;
margin:3em auto;
h2 {
@@ -40,7 +40,7 @@ main {
&.recipe {
background:$recipe-background;
- width:$recipe-wrap;
+ max-width:$recipe-wrap;
padding:1em 4em;
border:1px solid $border;
border-radius:8px;
diff --git a/templates/index.html b/templates/index.html
index 8ff1ce1..f4b440d 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -2,6 +2,7 @@
+
{% block title %}{{ config.title }}{% endblock title %}