Made pictures smaller sizes

reginapizza · Feb 13, 2020 · e12bce6 · e12bce6
1 parent feee428
commit e12bce6
Show file tree

Hide file tree

Showing 6 changed files with 14 additions and 10 deletions.
diff --git a/Documentation/css/styles.css b/Documentation/css/styles.css
@@ -80,7 +80,7 @@ a:focus {
 
 
 @media(min-width:768px) {
-  
+
     #page-content-wrapper {
         padding: 20px;
         position: relative;

diff --git a/TatToo_App.html b/TatToo_App.html
@@ -183,7 +183,7 @@ <h4 class="title border-bottom pb-3 mb-3">Project Info :</h4>
                     <div class="col-lg-5 col-md-6 order-1 order-md-2">
                         <div class="port-images">
                             <img src="images/tat-too-app-1.png" class="img-fluid mx-auto d-block rounded" alt="img">
-                            <img src="images/tat-too-app-2.png" class="img-fluid mx-auto d-block rounded mt-4 pt-2" alt="img">
+                            <img src="images/tat-too-app-2.png" class="img-fluid mx-auto d-block rounded mt-4 pt-2 mobile-screenshot" alt="img">
                             <img src="images/tat-too-app-3.png" class="img-fluid mx-auto d-block rounded mt-4 pt-2" alt="img">
                             <img src="images/tat-too-app-4.png" class="img-fluid mx-auto d-block rounded mt-4 pt-2" alt="img">
                             <img src="images/tat-too-app-5.png" class="img-fluid mx-auto d-block rounded mt-4 pt-2" alt="img">

diff --git a/Tic_Tac_Toe.html b/Tic_Tac_Toe.html
@@ -177,10 +177,10 @@ <h4 class="title border-bottom pb-3 mb-3">Project Info :</h4>
 
                     <div class="col-lg-5 col-md-6 order-1 order-md-2">
                         <div class="port-images">
-                            <img src="images/tic-tac-toe-app-1.png" class="img-fluid mx-auto d-block rounded" alt="img">
+                            <img src="images/tic-tac-toe-app-1.png" class="img-fluid mx-auto d-block rounded mobile-screenshot" alt="img">
                             <img src="images/tic-tac-toe-app-2.png" class="img-fluid mx-auto d-block rounded mt-4 pt-2" alt="img">
-                            <img src="images/tic-tac-toe-app-3.png" class="img-fluid mx-auto d-block rounded mt-4 pt-2" alt="img">
-                            <img src="images/tic-tac-toe-app-4.png" class="img-fluid mx-auto d-block rounded mt-4 pt-2" alt="img">
+                            <img src="images/tic-tac-toe-app-3.png" class="img-fluid mx-auto d-block rounded mt-4 pt-2 mobile-screenshot" alt="img">
+                            <img src="images/tic-tac-toe-app-4.png" class="img-fluid mx-auto d-block rounded mt-4 pt-2 mobile-screenshot" alt="img">
                         </div>
                     </div><!--end col-->
                 </div><!--end row-->

diff --git a/UGood_App.html b/UGood_App.html
@@ -182,10 +182,10 @@ <h4 class="title border-bottom pb-3 mb-3">Project Info :</h4>
 
                     <div class="col-lg-5 col-md-6 order-1 order-md-2">
                         <div class="port-images">
-                            <img src="images/ugood-home.png" class="img-fluid mx-auto d-block rounded" alt="img">
-                            <img src="images/ugood-start.png" class="img-fluid mx-auto d-block rounded mt-4 pt-2" alt="img">
-                            <img src="images/ugood-user.png" class="img-fluid mx-auto d-block rounded mt-4 pt-2" alt="img">
-                            <img src="images/ugood-signup.png" class="img-fluid mx-auto d-block rounded mt-4 pt-2" alt="img">
+                            <img src="images/ugood-home.png" class="img-fluid mx-auto d-block rounded mobile-screenshot" alt="img">
+                            <img src="images/ugood-start.png" class="img-fluid mx-auto d-block rounded mt-4 pt-2 mobile-screenshot" alt="img">
+                            <img src="images/ugood-user.png" class="img-fluid mx-auto d-block rounded mt-4 pt-2 mobile-screenshot" alt="img">
+                            <img src="images/ugood-signup.png" class="img-fluid mx-auto d-block rounded mt-4 pt-2 mobile-screenshot" alt="img">
                         </div>
                     </div><!--end col-->
                 </div><!--end row-->

diff --git a/css/style.css b/css/style.css
diff --git a/scss/_general.scss b/scss/_general.scss
@@ -23,4 +23,4 @@ a {
 p {
     letter-spacing: 0.03em;
     line-height: 1.8;
-}
+}
-Original file line number
+Diff line change
@@ Expand Up / @@ -23,4 +23,4 @@ a { @@
     p {
         letter-spacing: 0.03em;
         line-height: 1.8;
-    }
+    }