jprdonnelly/freeCodeCamp
1
0
Fork 0
mirror of https://github.com/freeCodeCamp/freeCodeCamp.git synced 2025-12-25 02:14:11 -05:00
Code Issues Projects Releases Wiki Activity

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

Browse Source 
Co-authored-by: Tom <20648924+moT01@users.noreply.github.com>
This commit is contained in:
dev-kamil
2025-05-29 19:44:49 +02:00
committed by GitHub
parent 1b033ce153
commit cf9742a0a5
1 changed files with 15 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -819,15 +819,16 @@ 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;
@@ -835,6 +836,12 @@ body {
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 {