Added alt description and made sure links are opened in new page

Author: Christelle-b

Wireframe/index.html

@@ -15,31 +15,37 @@ <h1>Wireframe and more</h1>
     </header>
     <main>
       <article>
-        <img src="wireframePicture.avif" alt="placeholder.svg" />
+        <img src="wireframePicture.avif" alt="wireframe example layout" />
         <h2>Wireframe</h2>
         <p>
           A wireframe is a basic, two-dimensional visual representation of a web page, app interface, or product layout. You can think of it as a low-fidelity, functional sketch.
-          Wireframes typically depict only functionality, not the true style and visual elements of the final product.
+          wireframes typically depict only functionality, not the true style and visual elements of the final product.
         </p>
-        <a href="https://www.productplan.com/glossary/wireframe">Wireframe</a>
+        <a href="https://www.productplan.com/glossary/wireframe"
+        target="_blank">
+        Wireframe</a>
       </article>
 
       <article>
-        <img src="https://miro.medium.com/v2/resize:fit:720/format:webp/1*K9scAx1Ezd-KJFabaYseCw.jpeg" alt="placeholder.svg" />
+        <img src="https://miro.medium.com/v2/resize:fit:720/format:webp/1*K9scAx1Ezd-KJFabaYseCw.jpeg" alt="git branching diagram" />
         <h2>Git Branch</h2>
         <p>
           A git branch is like a separate work space that allows developers to make changes without affecting the main repository.
         </p>
-        <a href="https://www.w3schools.com/git/git_branch.asp">Git Branch</a>
+        <a href="https://www.w3schools.com/git/git_branch.asp"
+        target="_blank">
+        Git Branch</a>
       </article>
 
       <article>
-        <img src="https://media.licdn.com/dms/image/v2/D5612AQF_jGTodjhpiQ/article-cover_image-shrink_720_1280/article-cover_image-shrink_720_1280/0/1690540082500?e=2147483647&v=beta&t=1pDD2reY31U4rxxGXjDcd-IFNknrqQtE42SJFJb65to" alt="placeholder.svg" />
+        <img src="https://media.licdn.com/dms/image/v2/D5612AQF_jGTodjhpiQ/article-cover_image-shrink_720_1280/article-cover_image-shrink_720_1280/0/1690540082500?e=2147483647&v=beta&t=1pDD2reY31U4rxxGXjDcd-IFNknrqQtE42SJFJb65to" alt="ReadMe file illustration" />
         <h2>ReadMe file</h2>
         <p>
           Developers use readme files to explain their projects to others. It communicates important information about your project.
         </p>
-        <a href="https://docs.github.com/en/repositories/managing-your-repositorys-settings-and-features/customizing-your-repository/about-readmes">ReadMe File</a>
+        <a href="https://docs.github.com/en/repositories/managing-your-repositorys-settings-and-features/customizing-your-repository/about-readmes"
+        target="_blank">
+        ReadMe File</a>
       </article>
     </main>
     <footer>