Škálování s šířkou okna
This commit is contained in:
parent
439bf11c5a
commit
6ca179f949
@ -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 {
|
||||||
|
@ -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;
|
||||||
|
@ -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>
|
||||||
|
Loading…
Reference in New Issue
Block a user