From f69c021377a19248d3b599c5e6a5ffad3647489b Mon Sep 17 00:00:00 2001 From: afonsopacifer Date: Sat, 13 Jul 2019 12:23:58 -0300 Subject: [PATCH] Add responsive :nail_care: --- docs/styles.css | 19 +++++++++++++++++++ 1 file changed, 19 insertions(+) diff --git a/docs/styles.css b/docs/styles.css index c8d4b51..c492072 100644 --- a/docs/styles.css +++ b/docs/styles.css @@ -44,6 +44,13 @@ canvas { left: calc(50% - (600px / 2)); } +@media screen and (max-width: 680px) { + canvas { + max-width: 100%; + left: 0; + } +} + .debug { position: absolute; left: 50%; @@ -55,6 +62,12 @@ canvas { padding: 15px; } +@media screen and (max-width: 680px) { + .debug { + left: 15px; + } +} + .profile { position: absolute; top: 10px; @@ -70,6 +83,12 @@ canvas { align-items: center; } +@media screen and (max-width: 680px) { + .profile { + left: 0; + } +} + .profile::before { position: absolute; content: '';