From 5ee4a3deef0a69f287b093b8df7a07b9a04e9fbc Mon Sep 17 00:00:00 2001 From: poni Date: Mon, 21 Dec 2020 20:48:26 +0100 Subject: [PATCH] improved buttons + responsive for boxes --- PRACTICAL_VISION/style.css | 52 ++++++++++++++++++++++++++++++++++++-- 1 file changed, 50 insertions(+), 2 deletions(-) diff --git a/PRACTICAL_VISION/style.css b/PRACTICAL_VISION/style.css index a8ddd6f..c644929 100644 --- a/PRACTICAL_VISION/style.css +++ b/PRACTICAL_VISION/style.css @@ -212,7 +212,7 @@ button{ color: var(--green); } -button a{ +a button{ font-family: "HKGrotesk"; text-decoration: none; font-size: 1.5vw; @@ -323,8 +323,56 @@ button a{ } @media only screen and (max-width: 600px) { + + :root{ + --reg: 6vw; + +} + + +#descriptio{ + width: 20%; + margin: -10% 0 0 1%; +} + +#descriptio p{ + font-size: 4vw; +} + +#descriptio a{ + padding: 0 1vw; + font-size: 4vw; + +} + + #telegram{ + width: 18%; + margin: 6% 0 0 10%; +} - .row{ +#telegram p{ + + font-size: 4vw; +} + +#telegram a{ + font-size: 4vw; +} + + #descriptio button{ + font-size: 3vw; + margin-top: 1vw; + + +} + +#telegram button{ + font-size: 3vw; + margin: 2vw 0 0 0; +} + + +.row{ width: 22%; } .right p{