Š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;
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 {

View File

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

View File

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