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;
    }
 }