Fix CSS

aefhm · Sep 18, 2023 · d0e774b · d0e774b
1 parent ce420d4
commit d0e774b
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 3 deletions.
diff --git a/public/index.html b/public/index.html
@@ -80,7 +80,7 @@ <h3>Social Media</h3>
           </div>
         </div>
         <aside>
-          <img src="./images/profile.jpeg" alt="profile picture" width="360px">
+          <img src="./images/profile.jpeg" alt="profile picture" width="320px">
         </aside>
       </article>
     </main>

diff --git a/public/recipes/oven-roasted-vegetables.html b/public/recipes/oven-roasted-vegetables.html
@@ -1,6 +1,7 @@
 <html>
   <head>
     <title>Oven Vegetables</title>
+    <meta name="viewport" content="width=device-width"/>
     <link href="https://fonts.googleapis.com/css?family=Noto+Sans" rel="stylesheet">
     <link rel="stylesheet" type="text/css" href="../style.css">
     <link rel="icon" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2290%22>🦬</text></svg>">

diff --git a/public/style.css b/public/style.css
@@ -22,6 +22,14 @@ body {
     display: flex;
     justify-content: center;
   }
+
+  nav ul li {
+    padding: 1px;
+  }
+
+  nav ul a {
+    border: solid 2px black;
+  }
 }
 
 @media screen and (min-width: 25em) {
@@ -34,9 +42,11 @@ body {
 
   nav ul {
     display: flex;
+    border: 1px solid black;
   }
 
   nav ul a {
+    border: 1px solid black;
     display: unset;
   }
 
@@ -60,13 +70,11 @@ nav li {
 }
 
 nav ul {
-  border: 1px solid black;
   list-style: none;
   padding: unset;
 }
 
 nav ul a {
-  border: 1px solid black;
   color: inherit;
   display: block;
   font-size: small;