From 66a30b05d9d1cf004935ac306ac3fae8a1797895 Mon Sep 17 00:00:00 2001
From: jslightham <31053827+jslightham@users.noreply.github.com>
Date: Wed, 27 May 2020 00:18:08 -0400
Subject: [PATCH] fixed displaying on tablet

---
 index.html |  2 +-
 style.css  | 29 ++++++++++++++++++++++++-----
 2 files changed, 25 insertions(+), 6 deletions(-)

diff --git a/index.html b/index.html
index dcc6ebd..fb21087 100644
--- a/index.html
+++ b/index.html
@@ -46,7 +46,7 @@
 
         <div class="container-fixed">
             <div class="row justify-content-start">
-                <div class=" col-sm-12 col-md-12 col-lg-10 col-xl-6" id="quote-2-high">
+                <div class=" col-sm-12 col-md-12 col-lg-6 col-xl-7" id="quote-2-high">
                     <div class="card bg-light" >
                         <h4 class="card-header">Simulation</h4>
                         <p class="card-text"><center><canvas id="myCanvas" width="750" height="750" style="border: solid 2px black;">Your browser does not support HTML 5</canvas> </center></p>
diff --git a/style.css b/style.css
index accd9cb..9f5efcb 100644
--- a/style.css
+++ b/style.css
@@ -75,9 +75,28 @@ ul {
     list-style-position: inside;
 }
 
-@media screen and (max-width: 1873px) {
-        .fix{
-            margin-top: 10px;
-            min-width: 75%;
+
+
+@media (max-width: 768px) {
+    .container-fixed{
+        width:600px;
+    }}
+    
+    @media (max-width: 992px) {
+    .container-fixed{
+        width:720px;
+    }}
+    
+    @media (max-width: 1200px) {
+    .container-fixed{
+        width:900px;
+    }}
+
+    @media (max-width: 1900px) {
+        .container-fixed{
+            width:1250px;
         }
-}
\ No newline at end of file
+        #quote-2-high{
+            max-width: 790px;
+        }
+    }