Arrow right now is bigger

README.md

@@ -22,7 +22,7 @@ Craving something? Explore our menu.
 
 ## Features 👾
 - **Multi-page Website:** The website consists of a series of html files linked together: the <em>main page</em>, where where you will be welcomed. The <em>contact</em> page with our data and a form if you want us to contact you and the <em>menu</em> where you can see the different beverages and food we offer.
-- **Responsive Design:** The website adjusts to different screen sizes. I considered it better to hide the buttons in <em>menu</em> because they are not necessary in larger screens.
+- **Responsive Design:** The website adjusts to different screen sizes. 
 
 ## Live Deployment 🌐
 [![FornesBorja](https://img.shields.io/static/v1?label=FornesBorja&message=webVibranTEA&color=blue&logo=github)](https://fornesborja.github.io/webVibrantea)

index.html

@@ -44,7 +44,7 @@
             </div>
           </div>
           <div class="row" id="content-description">
-            <div class="col12" id="description">
+            <div class="col-12" id="description">
               <div class=" info " id="description-text">Lorem ipsum dolor sit amet consectetur, adipisicing elit. Dolorem iusto aperiam laborum
                 repudiandae </div>
             </div>

pages/menu.html

@@ -57,7 +57,7 @@
                   <h5 class="card-title">Beverages</h5>
                   <h6 class="card-subtitle mb-2 text-body-secondary">Drinks</h6>
                   <p class="card-text">Every drink can be serve cold and hot</p>
-                  <div class=" text-end"><a href="./beverages.html" ><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-right" viewBox="0 0 16 16">
+                  <div class=" text-end"><a href="./beverages.html" ><svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" class="bi bi-arrow-right" viewBox="0 0 16 16">
                     <path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8"/>
                   </svg></a></div>
                 </div>
@@ -71,7 +71,7 @@ <h6 class="card-subtitle mb-2 text-body-secondary">Drinks</h6>
                   <h5 class="card-title">Food</h5>
                   <h6 class="card-subtitle mb-2 text-body-secondary">Sweet and savory</h6>
                   <p class="card-text">If you are hungry choose one of our meals.</p>
-                  <div class=" text-end"><a href="./food.html" ><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-right" viewBox="0 0 16 16">
+                  <div class=" text-end"><a href="./food.html" ><svg xmlns="http://www.w3.org/2000/svg" width="30" height="30"  class="bi bi-arrow-right" viewBox="0 0 16 16">
                     <path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8"/>
                   </svg></a></div>
                 </div>