commit

4 years ago · e980dab00f
2 changed files with 57 additions and 56 deletions
--- a/index.css
+++ b/index.css
@ -1,61 +1,62 @@
 body {
-    margin-right: 200px;
-    margin-left: 200px;
-}
-
-article {
-    margin-left: 0;
-    margin-right: 0;
-}
-
-.header p {
-    padding-top: 1px;
-    padding-bottom: 1px;
+    margin: 0;
 }

-.picture {
-    background-position: fixed;
-    height: 100vh;
-    background-size: cover;
-    background-attachment: fixed;
-    background-image: url(img/fd1.jpg);
-}
-
-.text {
-    background-color: lightgray;
-    height: 35vh;
-    padding: 5px;
-    text-align: justify;
-    display: flex;
-
-}
-
-.video {
-    width: 560px;
-    padding-top: 10px;
-    padding-bottom: 10px;
-    padding-left: 10px;
-    padding-right: 10px;
-    background-color: lightgrey;
-}
+.wrapper {
+    margin-right: 200px;
+    margin-left: 200px;
+ }   
+    .header p {
+        padding-top: 1px;
+        padding-bottom: 1px;
+    }
+    
+    .picture {
+        background-position: fixed;
+        height: 100vh;
+        background-size: cover;
+        background-attachment: fixed;
+        background-image: url(img/fd1.jpg);
+    }
+    
+    .text {
+        background-color: lightgray;
+        height: 35vh;
+        padding: 5px;
+        text-align: justify;
+        display: flex;
+    
+    }
+    
+    .video {
+        width: 560px;
+        padding-top: 10px;
+        padding-bottom: 10px;
+        padding-left: 10px;
+        padding-right: 10px;
+        background-color: lightgrey;
+    }
+    
+    .text2 {
+        background-color: white;
+        height: 110vh;
+        text-align: justify;
+        padding: 10px;
+    }
+    
+    .text3 {
+        margin-left: 500px;
+        margin-right: 500px;
+        padding-top: 20px;
+        font-size: 20px;   
+    }
+    
+    .text3 p:first-letter {
+        font-size: 35px;
+    }

-.text2 {
-    background-color: white;
-    height: 110vh;
-    text-align: justify;
-    padding: 10px;
-}

-.text3 {
-    margin-left: 500px;
-    margin-right: 500px;
-    padding-top: 20px;
-    font-size: 20px;   
-}

-.text3 p:first-letter {
-    font-size: 35px;
-}

 .paticka {
    background-color: grey;
--- a/index.html
+++ b/index.html
@ -8,7 +8,7 @@
    <link rel="stylesheet" href="index.css">
 </head>
 <body>
-
+<div class="wrapper">
    <div class="header">
        <p style="text-align: left; width:49%; display: inline-block;color: black;font-size: 55px;"><b>Foundation</b></p>
        <p style="text-align: right; width:50%;  display: inline-block;color: gray;font-size: 25px;">Isaac Assimov</p>
@ -32,13 +32,13 @@
            </p>
        </div>
    </div>
-
-    <article>
+</div>
+    
        <div class="paticka">
            <div class="patickatext">
                © from wikipedia 2020 · used image: <a href="https://www.google.com/search?q=foundation+Isaac+Assimov&tbm=isch&ved=2ahUKEwjz3sTA6bfzAhXP04UKHf_kDXgQ2-cCegQIABAA&oq=foundation+Isaac+Assimov&gs_lcp=CgNpbWcQAzoFCAAQgAQ6BAgAEB46BAgAEBM6CAgAEAUQHhATOgYIABAeEBM6CAgAEAgQHhATUMQ6WOdtYLxxaABwAHgAgAFdiAHTB5IBAjE0mAEAoAEBqgELZ3dzLXdpei1pbWfAAQE&sclient=img&ei=EqheYfONEs-nlwT_ybfABw&bih=969&biw=1920&rlz=1C1GCEA_enCZ974CZ974#imgrc=d6Rf1DuzvpOsUM">Foundation-Isaac-Assimov</a>
            </div>
        </div>
-    </article>
+    
 </body>
 </html>