Merge branch 'main' of github.com:Birkbeck2/web-development-website-p…

…roject-adeledsg into main

i think this is correct

README.md

@@ -1,7 +1,11 @@
 [![Review Assignment Due Date](https://classroom.github.com/assets/deadline-readme-button-24ddc0f5d75046c5622901739e7c5dd533143b0c8e959d652212380cedb1ea36.svg)](https://classroom.github.com/a/59P2FRZS)
 
 
-This repository contains all the files necessary for the portfolio website Feast and Wonder. Feast and Wonder is a food travel blog with the design goal of creating a pleasurable user experience for the Blind and Visually Impaired. It contains five html documents, one CSS document and an image folder. 
+This repository contains all the files necessary for the portfolio website Feast and Wonder. The website can be found at: 
+
+https://animated-potato-73kqllg.pages.github.io/
+
+Feast and Wonder is a food travel blog with the design goal of creating a pleasurable user experience for the Blind and Visually Impaired. It contains five html documents, one CSS document and an image folder. 
 
 This portfolio website was made in the context of a homework assignment and is not for commercial use. It is submitted along a UX report via Turnitin. 
 

seoul.html

@@ -26,7 +26,7 @@
             </ul>
         </nav>
 
-        <nav class="breadcrumbs"> <!--Installing breadcrumbs for usability and accessibility purposes. Screen reader reads outloud the breadcrumb and the nav tag gives semantic context. Need to add Aria label.-->
+        <nav class="breadcrumbs">
             <ul>
                 <li><a href="index.html">Home</a></li>
                 <li>Seoul</li>
@@ -38,9 +38,9 @@
         <section class="grid-second">
             <h1 class="city-name">Seoul</h1>
 
-            <div class="flexbox-container"> <!--Justify here why flexbox and not grid-->
+            <div class="flexbox-container">
 
-                <div class="video-container"> <!--Source W3C, make sure it meets accessibility criteria, have alt, height, width-->
+                <div class="video-container"> 
                     <video width="1920" height="1080" src="images/Seoul.mp4" controls></video> <!--https://www.w3schools.com/tags/att_video_width.asp-->
 
                     <article class="video-transcript" aria-labelledby="video-transcript"> 
@@ -52,7 +52,7 @@ <h2 id="video-transcript">In the street of Seoul</h2>
                     </article>
                 </div>
 
-                <div class="image-container"> <!--make sure all images have have width, height, alt-->
+                <div class="image-container">
                     <img src="images/ramen.jpg" width="1920" height="1277" alt="A bird's eye view of a ramen bowl filled with egg noodles, boiled egg, fresh spinach, sauteed mushrooms and marinated sliced chicken.">
                     <img src="images/sushi.jpg" width="1920" height="1280" alt="A geometric display of suchi composed of california maki rolls and tuna and salmon sashimi.">
                     <img src="images/broth.jpg" width="1920" height="1280" alt="A close up of a rich and spicy beef broth garnished with fresh coriander.">
@@ -75,4 +75,4 @@ <h3>Want to see more?</h3>
 
 </body>
 
-</html>
+</html>