07

7 months ago · fcf19c4d16
4 changed files with 49 additions and 0 deletions
--- a/07/img/explain.png
+++ b/07/img/explain.png
--- a/07/img/wallpaper.jpg
+++ b/07/img/wallpaper.jpg
--- a/07/index.html
+++ b/07/index.html
@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+    <link rel="stylesheet" href="style.css">
+</head>
+<body>
+    <h1>Test responzibility</h1>
+    <p>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.</p>
+    <div class="row">
+        <img src="img/explain.png" alt="Vysvětlující obrázek" class="col-6">
+        <img src="img/explain.png" alt="Vysvětlující obrázek" class="col-6">
+    </div>
+</body>
+</html>
--- a/07/style.css
+++ 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;
+    }
+    
+
+}
+
+