Skip to content

Commit 6420bf0

Browse files
committed
finally centered the weather forcast in parent div 😤
1 parent 4d9fb1e commit 6420bf0

File tree

1 file changed

+5
-11
lines changed

1 file changed

+5
-11
lines changed

css/index.css

+5-11
Original file line numberDiff line numberDiff line change
@@ -272,39 +272,33 @@ div.weatherpane {
272272
bottom: 20px;
273273
left: 20px;
274274
transform: translate(-1%,-1%);
275-
//padding: 8px;
276275
width:570px;
277276
height: 130px;
277+
text-align:center;
278278
}
279279

280280
#weather {
281-
//width:100%;
282-
//padding-left:5px;
283-
//padding-right:5px;
284281
display:inline-block;
285282

286-
287-
288-
margin: 0 auto;
289283
font-size: 10px;
290284
font-weight: bold;
291285
font-family: sans-serif;
292286
text-align:center;
293287
text-transform: uppercase;
288+
padding-top: 15px;
294289
}
295290

296291
div.weatherbox{
297292
float:left;
298-
height:100px;
299293
padding-right: 3px;
300294
padding-left: 5px;
301295
margin-left: 10px;
302296
margin-right: 10px;
303-
font-size: 10px;
297+
font-size: 8px;
304298
}
305299

306300
p.temp{
307-
font-size:40px;
301+
font-size:30px;
308302
}
309303

310304

@@ -317,7 +311,7 @@ div.dateAndClock {
317311
bottom: 20px;
318312
right: 20px;
319313
transform: translate(-1%,-1%);
320-
//padding: 8px;
314+
321315
height: 130px;
322316
}
323317

0 commit comments

Comments
 (0)