Škálování s šířkou okna

4 years ago · 6ca179f949
parent 439bf11c5a
commit 6ca179f949
3 changed files with 7 additions and 3 deletions
--- 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 {
--- 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;
--- a/templates/index.html
+++ b/templates/index.html
@ -2,6 +2,7 @@
 <html lang="en">
 <head>
 	<meta charset="UTF-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1.0">
 	<title>{% block title %}{{ config.title }}{% endblock title %}</title>
 	<link rel="stylesheet" href="/style.css" type="text/css">
 </head>