diff --git a/07/img/explain.png b/07/img/explain.png new file mode 100644 index 0000000..e4cda40 Binary files /dev/null and b/07/img/explain.png differ diff --git a/07/img/wallpaper.jpg b/07/img/wallpaper.jpg new file mode 100644 index 0000000..536981e Binary files /dev/null and b/07/img/wallpaper.jpg differ diff --git a/07/index.html b/07/index.html new file mode 100644 index 0000000..781fbbd --- /dev/null +++ b/07/index.html @@ -0,0 +1,17 @@ + + + + + + Document + + + +

Test responzibility

+

Lorem ipsum, dolor sit amet consectetur adipisicing elit. Fuga, harum! Natus praesentium aliquid debitis necessitatibus, dolor aspernatur quod. Repellat impedit quidem praesentium suscipit beatae eaque consectetur optio modi, fuga qui.

+
+ Vysvětlující obrázek + Vysvětlující obrázek +
+ + \ No newline at end of file diff --git a/07/style.css b/07/style.css new file mode 100644 index 0000000..8a616e8 --- /dev/null +++ b/07/style.css @@ -0,0 +1,32 @@ +* { + box-sizing: border-box; + } + +html { + background-image: url('img/wallpaper.jpg'); + background-size: cover; +} + [class*="col-"] { + float: left; + padding: 5%; + } + +img{ + border: 5px black solid; +} +.col-6 {width: 50%;} + +@media only screen and (max-width: 768px) { + /* For mobile phones: */ + [class*="col-"] { + width: 100%; + } + body { + background-image: url('img/wallpaper.jpg'); + background-size: cover; + } + + +} + +