Oprava lint chyb

html-a-css/responzivni-design/responsive-theory.md

@@ -33,10 +33,9 @@ Další možností jak přizpůsobit obrázek velikosti kontejneru je použití
 U obrázků je také dobré myslet na jejich datový objem, abychom zbytečně nenutili uživatele mobilních zařízení stahovat obrázky o velikosti pro desktop. Nechceme jim vyplýtvat data ani zpomalovat rychlost načítání stránky. V ideálním případě do HTML připravíme různé varianty velikostí.
 
 ```html
-<img srcset="large-img.jpg 1024w,
-middle-img.jpg 640w,
-small-img.jpg  320w"
-src="small.jpg"
+<img
+  srcset="large-img.jpg 1024w, middle-img.jpg 640w, small-img.jpg 320w"
+  src="small.jpg"
 />
 ```
 
@@ -52,12 +51,12 @@ Hlavním nástrojem pro tvorbu responzivních stránek jsou media queries. Je to
 
 ```css
 .button-login {
-  width: 100%
+  width: 100%;
 }
 
 @media (min-width: 600px) {
   .button-login {
-    width: 50%
+    width: 50%;
   }
 }
 ```
@@ -73,7 +72,6 @@ Kromě podmínky se šířkou se můžete často setkat s určením typu média
 
 @media print {
 }
-
 ```
 
 ::fig[BEM Block]{src=assets/css-media-query.png}