commit

4 years ago · e980dab00f
2 changed files with 57 additions and 56 deletions
--- a/index.css
+++ b/index.css
@ -1,13 +1,11 @@
 body {
-    margin-right: 200px;
-    margin-left: 200px;
+    margin: 0;
 }

-article {
-    margin-left: 0;
-    margin-right: 0;
+.wrapper {
+    margin-right: 200px;
+    margin-left: 200px;
 }   
-
    .header p {
        padding-top: 1px;
        padding-bottom: 1px;
@ -57,6 +55,9 @@ article {
        font-size: 35px;
    }

+
+
+
 .paticka {
    background-color: grey;
    height: 16vh;
--- 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>
@ -31,14 +31,14 @@
            Lorem ipsum dolor, sit amet consectetur adipisicing elit. Sequi maiores quaerat, modi, earum sapiente maxime et id tenetur magnam minima nisi? Neque possimus dicta officia suscipit sed aperiam, vitae amet vel. Voluptatem possimus doloremque voluptates voluptas tempora quos earum veniam architecto, sequi adipisci dolorum sed quia iure est nostrum ex pariatur beatae fuga repudiandae maxime accusamus distinctio ullam. Omnis est aliquid provident excepturi et tempore quas perspiciatis eaque sunt nisi quibusdam autem beatae mollitia officiis tenetur obcaecati ratione exercitationem, quae in repudiandae reprehenderit, odit quos! Quod eius fuga nesciunt sequi?
            </p>
        </div>
+    </div>
 </div>
    
-    <article>
        <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>