fix about page

colleenmcginnis · Apr 29, 2016 · ac394cc · ac394cc
1 parent 8b1bbef
commit ac394cc
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 6 deletions.
diff --git a/resume/index.html b/resume/index.html
@@ -31,12 +31,12 @@
   <div class="container">
 
     <div class="row">
-      <div class="col-sm-4">
+      <div class="col-sm-4 aboutText">
         <br>
-        <p>I am passionate about making the world a better place through design. My approach, combining empathetic human-centered design and hard technical skills, allows me contribute to projects by translating complex information into visual design in a variety of media.</p>
+        <p>I am passionate about making the world a better place through design. My approach, combining empathetic human-centered design and hard technical skills, allows me to contribute to projects by translating complex information into visual design in a variety of media.</p>
       </div>
 
-      <div class="col-sm-8">
+      <div class="col-sm-8 aboutImage">
         <img src="images/desk.jpg" class="img-responsive" style="padding-top: 20px">  
       </div>
     </div>
@@ -46,19 +46,19 @@
   <h1>Design Services</h1>
   <hr>
   <div class="row services">
-      <div class="col-sm-4">
+      <div class="col-sm-4 aboutSkill">
         <img src="images/dataViz.png" class="img-responsive" alt="data visualization">
         <p><strong>Data analysis & visualization</strong></p>
         <p>I use my dual background in design and the sciences to analyze and translate large amounts of data or complex concepts into visual stories that foster understanding and compel action.</p>
       </div>
 
-      <div class="col-sm-4">
+      <div class="col-sm-4 aboutSkill">
         <img src="images/webDesign.png" class="img-responsive" alt="data visualization">
         <p><strong>Web design & development</strong></p>
         <p>I take a holistic approach to web design and front-end development from  creating a visual identity to user experience design and the development of a final product.</p>
       </div>
 
-      <div class="col-sm-4">
+      <div class="col-sm-4 aboutSkill">
         <img src="images/printDesign.png" class="img-responsive" alt="data visualization">
         <p><strong>Print design</strong></p>
         <p>I bring over eight years of layout design experience to reports, marketing material, and other printed media.</p>

diff --git a/work/style.css b/work/style.css
@@ -1027,6 +1027,10 @@ video {
     top: 400px;
   }
 
+  .aboutSkill, .aboutImage, .aboutText {
+    width: 100%;
+  }
+
 }
 
 @media only screen and (max-width: 850px) {