Style: improve responsivness

Author: bytesandroses

Sprint-3/quote-generator/style.css

@@ -26,15 +26,18 @@ body {
 main {
   background-color: var(--secondary-color);
   color: var(--primary-color);
-  width: 40vw;
-  height: 35vh;
+  width: 100%;
+  max-width: 600px;
+  min-height: 250px;
+  padding: clamp(2rem, 5vw, 4rem);
   text-align: right;
   padding: 4rem;
 }
 
 h1,
 #quote {
   display: inline;
+  font-size: clamp(1.2rem, 3vw, 1.5rem);
 }
 
 button {