jslightham/Collision-Simulator
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fixed displaying on tablet

Browse Source
This commit is contained in:
jslightham
2020-05-27 00:18:08 -04:00
parent b53328826b
commit 66a30b05d9
2 changed files with 25 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
index.html
View File

@@ -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>

29
style.css
View File

@@ -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;
}
}
#quote-2-high{
max-width: 790px;
}
}