Add files via upload

cmendozab · Sep 26, 2021 · 87bffbe · 87bffbe
1 parent e5004a7
commit 87bffbe
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 4 deletions.
diff --git a/index.html b/index.html
@@ -58,7 +58,7 @@ <h1 style = "color:rgb(251, 255, 0); text-align: center; animation-duration: 3s;
  <p></p> 
  <br> 
  <br> 
- <img src="img_sources/IMG_6270.jpeg" class="img-rounded" alt="Me!" width="400px" heigth="400px">
+ <img src="img_sources/IMG_6270.jpeg" class="img-rounded; responsive" alt="Me!" width="400px" heigth="400px">
  </div>
  <!-- Bootstrap CSS <div class="col-sm-4">.col-sm-4</div> -->
  <div class="col-sm-8 p-3 mb-2 bg-dark text-white">

diff --git a/portfolio.html b/portfolio.html
@@ -53,7 +53,7 @@ <h1>PacMen</h1>
  <p>Description: </p> 
  <p class="Bio">In this project you are able to make many pacman appear on screen and make them move around the webpage and bounce off the webpage limits. Try it out!</p>
  <br>
- <img src="img_sources/pacman_CMB.png" class="img-rounded" alt="Me!" width="400px" heigth="400px">
+ <img src="img_sources/pacman_CMB.png" class="img-rounded; responsive" alt="Me!" width="400px" heigth="400px">
  <p></p>
  <br>
  <p>Go to the GitHub Repository: </p>
@@ -70,7 +70,7 @@ <h1>Eye-Exercise</h1>
  <p class="Bio">In this project a couple of eyes will follow your mouse´s every movement when the mouse pointer moves around the webpage. Try it out for yourself!</p>
  <br>
  <br>
- <img src="img_sources/Eye-Tracker_CMB.png" class="img-rounded" alt="Me!" width="400px" heigth="400px">
+ <img src="img_sources/Eye-Tracker_CMB.png" class="img-rounded; responsive" alt="Me!" width="400px" heigth="400px">
  <p></p>
  <br>
  <p>Go to the GitHub Repository: </p>
@@ -86,7 +86,7 @@ <h1>Real Time Bus Tracker</h1>
  <p>Description: </p> 
  <p class="Bio">In this project you will see a red map pointer moving around different locations in an international map. The pointer starts from Cancun, Mexico then goes to several countries in South America and then returns to its origin.</p>
  <br>
- <img src="img_sources/MapAnimationCMB.png" class="img-rounded" alt="Me!" width="400px" heigth="400px">
+ <img src="img_sources/MapAnimationCMB.png" class="img-rounded; responsive" alt="Me!" width="400px" heigth="400px">
  <p></p>
  <br>
  <p>Go to the GitHub Repository: </p>

diff --git a/styles.css b/styles.css
@@ -85,5 +85,10 @@
  }
  }
 
+ .responsive {
+ max-width: 100%;
+ height: auto;
+ }
+