change

Birkbeck2 · Dec 23, 2023 · 32258cb · 32258cb
1 parent 6fc628f
commit 32258cb
Show file tree

Hide file tree

Showing 6 changed files with 11 additions and 1 deletion.
diff --git a/antioxidants.html b/antioxidants.html
@@ -31,6 +31,7 @@
             </nav>
         </header>
         <main>
+            <h1 class="pagetitle">Antioxidants</h1>
             <div class="thirdcontainer">
                 <img src="img/antioxidants/artichoke-3386681_1920.jpg" alt="artichoke">
                 <img src="img/antioxidants/berries-g2680066e3_1920.jpg" alt="berries">

diff --git a/carbonhydrate.html b/carbonhydrate.html
@@ -31,6 +31,7 @@
             </nav>
         </header>
         <main>
+            <h1 class="pagetitle">Carbonhydrate</h1>
             <div class="bigcontainer">
                 <div class="firstcontainer">
                     <img src="img/carbonhydrate/bread-1281053.jpg" alt="bread">

diff --git a/food.html b/food.html
@@ -31,6 +31,7 @@
             </nav>
         </header>
         <main>
+            <h1 class="pagetitle">Food Ingredients</h1>
             <div class="gallery">
                 <div class="category">
                     <a href="carbonhydrate.html">

diff --git a/index.html b/index.html
@@ -33,7 +33,7 @@
         <main>
             <div class="mainpic">
                 <img src="img/collage.jpg" alt="food collage image">
-                <div class="maintitle">Discover Food Ingredient Now!</div>
+                <div class="maintitle">Discover Food Ingredients Now!</div>
                 <a href="food.html"><button class="picbtn">Explore</button></a>
             </div>
         </main>

diff --git a/protein.html b/protein.html
@@ -31,6 +31,7 @@
             </nav>
         </header>
         <main>
+            <h1 class="pagetitle">Protein</h1>
             <div class="gridcontainer">
                 <div class="item"><img src="img/protein/canape-2802_1920.jpg" alt="canape"></div>
                 <div class="item"><img src="img/protein/cheese-1371196_1920.jpg" alt="cheese"></div>

diff --git a/style.css b/style.css
@@ -304,6 +304,12 @@ i{
     background-color: #ffffff;
 }
 
+.pagetitle{
+    font-size: 25px;
+    margin-top: 20px;
+    font-style: italic;
+}
+
 @media only screen and (min-width:768px) and (max-width:1023px){
     .mainpic{
         font-size: 27px;