#15 - Forcing all of the images in a row to the same size.

openfaux · Jan 18, 2014 · b26828d · b26828d
1 parent 179a2e5
commit b26828d
Show file tree

Hide file tree

Showing 5 changed files with 3 additions and 2 deletions.
diff --git a/HTML/CSS/app.css b/HTML/CSS/app.css
@@ -2052,7 +2052,7 @@ a {
 /* line 21, ../../SASS/_page.scss */
 .bio {
   text-align: center;
-  padding: 0;
+  padding: 5px;
   margin: 0;
   color: black;
 }

diff --git a/HTML/IMG/Austin_Murdock.jpg b/HTML/IMG/Austin_Murdock.jpg
diff --git a/HTML/IMG/Nathan_Bernard.jpg b/HTML/IMG/Nathan_Bernard.jpg
diff --git a/HTML/team.html b/HTML/team.html
@@ -13,6 +13,7 @@
 
     <div id="content">
         <div class="row">
+            <!--Any image will work as long as the height is >325px and it's a 1:<=1 aspect ratio.-->
             <div class="bio large-4 columns">
                 <img src="/IMG/Nathan_Bernard.jpg" alt="Nathan Bernard" />
                 <article class="bio-text">

diff --git a/SASS/_page.scss b/SASS/_page.scss
@@ -20,7 +20,7 @@ a {
 
 .bio {
   text-align: center;
-  padding: 0;
+  padding: 5px;
   margin: 0;
   color: $black;
 }