diff --git a/assets/style/tape-viewer.scss b/assets/style/tape-viewer.scss index eac184b9..e852c8fe 100644 --- a/assets/style/tape-viewer.scss +++ b/assets/style/tape-viewer.scss @@ -1,9 +1,8 @@ .tape-block{ width: 70%; - max-width: 800px; - min-width: 300px; + max-width: 1000px; - margin: 50px auto 100px; + margin: 2em auto; } .tape-block-content{ @@ -42,13 +41,10 @@ } } -@media screen and (max-device-width: 400px) { +@media screen and (max-device-width: 31.25em) { .tape-block { - width: 70%; - max-width: 250px; - min-width: 200px; - - margin: 50px auto 100px; + width: 90%; + margin: 1.5em auto; } .tape-block-content {