fix(curriculum): responsive issues for Weather app (freeCodeCamp#60552)

Co-authored-by: Tom <20648924+moT01@users.noreply.github.com>

Author: dev-kamil

curriculum/challenges/english/25-front-end-development/lab-weather-app/66f12a88741aeb16b9246c59.md

@@ -819,22 +819,29 @@ body {
   justify-content: center;
   align-items: center;
   row-gap: 40px;
-  font-size: 20px;
+  font-size: 1.25em;
   font-family: sans-serif;
 }
 
 .btn-wrap {
-  min-width: 700px;
+  min-width: 100%;
   display: flex;
   justify-content: space-evenly;
-  column-gap: 20px;
+  align-items: center;
+  gap: 20px;
   border: 2px solid black;
   padding: 20px;
   border-radius: 10px;
   background-color: #6cd488;
   box-shadow: 6px 6px 6px rgba(0, 0, 0, 0.5);
 }
 
+@media (max-width: 768px) {
+  .btn-wrap {
+    flex-direction: column;
+  }
+}
+
 .btn-wrap > span {
   text-transform: uppercase;
   text-align: center;
@@ -848,17 +855,17 @@ body {
 #location-selector {
   width: 200px;
   height: 50px;
-  font-size: 20px;
+  font-size: 1.25em;
 }
 
 #get-forecast {
-  font-size: 20px;
+  font-size: 1.25em;
   height: 50px;
   width: 200px;
 }
 
 .weather-info-wrap {
-  min-width: 700px;
+  min-width: 100%;
   max-width: 700px;
   min-height: 300px;
   padding: 20px 0px;
@@ -876,14 +883,14 @@ body {
 }
 
 #location {
-  font-size: 30px;
+  font-size: 1.875em;
 }
 
 .primary-info {
   display: flex;
   justify-content: space-evenly;
   margin: 20px;
-  font-size: 25px;
+  font-size: 1.5625em;
 }
 
 .primary-info-left {