restructure project

BrightfieldTechAcademy · Mar 21, 2022 · d740976 · d740976
1 parent eaadfad
commit d740976
Show file tree

Hide file tree

Showing 2 changed files with 56 additions and 59 deletions.
diff --git a/index.html b/index.html
@@ -2,64 +2,7 @@
 <html>
     <head>
         <title>project work</title>
-
-        <style>
-            body {
-                margin: 0;
-                padding: 0;
-
-            }
-            header{
-            background-image: url("pictures/background.jpg");
-            color: white;
-            padding: 50px;
-            text-align: center;
-            font-size: 22px;
-            }
-
-
-            .grid {
-                display: grid;
-                grid-template-columns: auto auto auto;
-                font-size:20px;
-                background-color:black;
-                gap: 10px; 
-                padding: 50px;
-            }
-            .grid > div{
-                background-color: aqua;
-                text-align: center;
-                border: 1px solid black;
-                font-size: 10px;
-            }       
-
-           .grid-container1 {
-               text-align: center;
-               background-color: whitesmoke;
-                padding: 40px;
-           }
-
-           span{
-               font-size: 22px;
-               text-align: center;
-               padding: 40px;
-           }
-
-           .me {
-               display: grid;
-               grid-template-columns: auto auto;
-               color: white;
-
-           }
-           footer{
-               display: grid;
-               grid-template-columns: auto auto;
-               background-color: black;
-               color: white;
-               padding: 30px;
-           }
-        </style>
-
+        <link rel="stylesheet" href="style.css">
     </head>
     <body>
         <header>
@@ -78,7 +21,7 @@ <h2>Web & Application Development</h2>
           </div>
         </div>
 
-        <div class="grid">
+        <div class="grid" style="font-size: 30px;">
              <div style="background-color: white; text-align: center;" >
                  <img src="pictures/web.jpg" alt=""><br>
                  <h3>Web & Application Development</h3><br>

diff --git a/style.css b/style.css
@@ -0,0 +1,54 @@
+body {
+    margin: 0;
+    padding: 0;
+
+}
+header{
+background-image: url("pictures/background.jpg");
+color: white;
+padding: 50px;
+text-align: center;
+font-size: 22px;
+}
+
+
+.grid {
+    display: grid;
+    grid-template-columns: auto auto auto;
+    font-size:40px;
+    background-color:black;
+    gap: 10px; 
+    padding: 50px;
+}
+.grid > div{
+    background-color: aqua;
+    text-align: center;
+    border: 1px solid black;
+    font-size: 10px;
+}       
+
+.grid-container1 {
+   text-align: center;
+   background-color: whitesmoke;
+    padding: 40px;
+}
+
+span{
+   font-size: 22px;
+   text-align: center;
+   padding: 40px;
+}
+
+.me {
+   display: grid;
+   grid-template-columns: auto auto;
+   color: white;
+
+}
+footer{
+   display: grid;
+   grid-template-columns: auto auto;
+   background-color: black;
+   color: white;
+   padding: 30px;
+}