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

This commit is contained in:
Emil Miler 2019-12-24 14:57:47 +01:00
parent 439bf11c5a
commit 6ca179f949
3 changed files with 7 additions and 3 deletions

View File

@ -38,8 +38,11 @@ nav {
display:flex; display:flex;
justify-content:space-between; justify-content:space-between;
align-items:flex-end; align-items:flex-end;
width:$recipe-wrap; width:100%;
max-width:$recipe-wrap;
margin:0 auto; margin:0 auto;
padding:0 1em;
box-sizing:border-box;
} }
.subnav { .subnav {

View File

@ -30,7 +30,7 @@ img {
} }
main { main {
width:$wrap; max-width:$wrap;
margin:3em auto; margin:3em auto;
h2 { h2 {
@ -40,7 +40,7 @@ main {
&.recipe { &.recipe {
background:$recipe-background; background:$recipe-background;
width:$recipe-wrap; max-width:$recipe-wrap;
padding:1em 4em; padding:1em 4em;
border:1px solid $border; border:1px solid $border;
border-radius:8px; border-radius:8px;

View File

@ -2,6 +2,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.0">
<title>{% block title %}{{ config.title }}{% endblock title %}</title> <title>{% block title %}{{ config.title }}{% endblock title %}</title>
<link rel="stylesheet" href="/style.css" type="text/css"> <link rel="stylesheet" href="/style.css" type="text/css">
</head> </head>