all img added

AnnaFYZ · AnnaFYZ · commit 01fffe2def1f · 2023-01-31T23:06:28.000Z
all img added and sized
diff --git a/css/style.css b/css/style.css
@@ -6,6 +6,24 @@ body {
     -webkit-font-smoothing: antialiased;
 }
 
+:root {
+    --light-grey: #e4e4e4;
+    --orange-dark: #c05326;
+}
+.picture {
+    background-image: url(/img/first-background.jpg);
+    color: var(--light-grey);
+}
+
+button {
+    background-color: var(--orange-dark);
+}
+.sm_icon {
+    width: 30px;
+}
+.icon {
+    max-width: 400px;
+}
 /**
  * Add your custom styles below
  * 
diff --git a/index.html b/index.html
@@ -11,7 +11,7 @@
 </head>
 <body>
 <header>
-    <img id="logo" src="/img/karma-logo.svg" alt="karma logo" />
+    <img id="logo" src="/img/karma-logo.svg" width="30px" alt="karma logo" />
     <nav>
         <ul class="navigation_list">
             <li class="navigation_item"> 
@@ -67,9 +67,5 @@ <h2>Everyone needs a little Karma</h2>
     <img class="sm_icon" src="/img/instagram-icon.svg" alt="instagram logo" />
     <p>@ Karma Mobility Inc</p>
 </footer>
-    <!-- Add your HTML markup here -->
-    <!-- Remember: Use semantic HTML tags like <header>, <main>, <nav>, <footer>, <section> etc -->
-    <!-- All the images you need are in the 'img' folder -->
-
 </body>
 </html>
