Slight modifications

Made all elements inline-block, set some fonts and a border. Thats all.
Its-Sythe · Dec 15, 2024 · de7edbe · de7edbe
1 parent 28c6308
commit de7edbe
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 3 deletions.
diff --git a/index.html b/index.html
@@ -8,8 +8,8 @@
     </head>
     <body>
         <h1>Odin Recipes</h1>
-        <a href="recipes/cinna-rolls.html" target="_blank" rel="noopener noreferrer">Cinnamon Rolls</a><br>
-        <a href="recipes/biryani.html" target="_blank" rel="noopener noreferrer">Chicken Biryani</a><br>
-        <a href="recipes/pasta.html" target="_blank" rel="noopener noreferrer">Pesto pasta with Chicken</a>
+        <p>Recipe for making fluffy and sweet </p> <a href="recipes/cinna-rolls.html" target="_blank" rel="noopener noreferrer"> Cinnamon Rolls.</a><br>
+        <p>Recipe for making tasty and filling </p> <a href="recipes/biryani.html" target="_blank" rel="noopener noreferrer"> Chicken Biryani.</a><br>
+        <p>Recipe for making healthy and tasty </p> <a href="recipes/pasta.html" target="_blank" rel="noopener noreferrer"> Pesto pasta with Chicken.</a>
     </body>
 </html>
diff --git a/styles.css b/styles.css
@@ -1,3 +1,20 @@
 * {
     background-color: beige;
+    text-align: center;
 }
+
+h1 {
+    border-bottom: 3px solid burlywood;
+    font-family: Times;
+    font-weight: 800;
+}
+
+a, p {
+    display: inline-block;
+    font-family: Times;
+    font-weight: 800;
+    text-align: center;
+    margin: 5px -2px;
+    border-bottom: 5px solid burlywood;
+}
+