Škálování bloku s obsahem

sass/style.scss

@@ -7,6 +7,16 @@
 
 @media screen and (max-width: 699px){
 
+	main {
+		margin:0;
+
+		&.recipe {
+			padding:1em;
+			border:none;
+			border-radius:0;
+		}
+	}
+
 	main section article {
 		width:$article-width-narrow;
 		margin:$article-margin-narrow;
@@ -16,6 +26,16 @@
 
 @media screen and (min-width: 700px){
 
+	main {
+		margin:3em auto;
+
+		&.recipe {
+			padding:1em 4em;
+			border:1px solid $border;
+			border-radius:8px;
+		}
+	}
+
 	main section article {
 		width:$article-width;
 		margin:$article-margin;
@@ -48,7 +68,6 @@ img {
 
 main {
 	max-width:$main-wrap;
-	margin:3em auto;
 	padding:$main-padding;
 		
 	h2 {
@@ -59,9 +78,6 @@ main {
 	&.recipe {
 		background:$recipe-background;
 		max-width:$recipe-wrap;
-		padding:1em 4em;
-		border:1px solid $border;
-		border-radius:8px;
 
 		img {
 			display:block;