Skip to content

Commit

Permalink
Fixed responsive layout problem in bigger screens (at least it does n…
Browse files Browse the repository at this point in the history 
…ot break anymore)
  • Loading branch information
@seehase
seehase committed Jul 30, 2022
1 parent 7274763 commit 7373ced
Showing 1 changed file with 14 additions and 28 deletions.
42 changes: 14 additions & 28 deletions src/history.html.tmpl
View file
Original file line number Diff line number Diff line change
Expand Up @@ -28,79 +28,65 @@
<main>
<div class="container-fluid d-flex-xxl">
<div class="row mt-5 mb-4 graphrow align-content-start">
<div class="col-md-8 main" >
<div class="col-sm">
<div class="card">
<div class="card-body text-center" style="position: relative;">
<h4 class="h5-responsive indigo-text">$Extras.Translations[$Extras.language].min_temp</h4>
$min_temp_table
</div>
</div>
</div>
</div>
<div class="row mt-5 mb-4 graphrow align-content-start">
<div class="col-md-8 main" >
<div class="col-sm">
<div class="card">
<div class="card-body text-center" style="position: relative;">
<h4 class="h5-responsive indigo-text">$Extras.Translations[$Extras.language].avg_temp</h4>
$avg_temp_table
</div>
</div>
</div>
</div>
<div class="row mt-5 mb-4 graphrow align-content-start">
<div class="col-md-8 main" >
</div>
<div class="col-sm">
<div class="card">
<div class="card-body text-center" style="position: relative;">
<h4 class="h5-responsive indigo-text">$Extras.Translations[$Extras.language].max_temp</h4>
$max_temp_table
</div>
</div>
</div>
</div>
<div class="row mt-5 mb-4 graphrow align-content-start">
<div class="col-md-8 main" >
</div>
<div class="col-sm">
<div class="card">
<div class="card-body text-center" style="position: relative;">
<h4 class="h5-responsive indigo-text">$Extras.Translations[$Extras.language].rain</h4>
$rain_table
</div>
</div>
</div>
</div>
<div class="row mt-5 mb-4 graphrow align-content-start">
<div class="col-md-8 main" >
</div>
<div class="col-sm">
<div class="card">
<div class="card-body text-center" style="position: relative;">
<h4 class="h5-responsive indigo-text">$Extras.Translations[$Extras.language].rain_days</h4>
$rain_days_table
</div>
</div>
</div>
</div>
<div class="row mt-5 mb-4 graphrow align-content-start">
<div class="col-md-8 main" >
</div>
<div class="col-sm">
<div class="card">
<div class="card-body text-center" style="position: relative;">

<h4 class="h5-responsive indigo-text">$Extras.Translations[$Extras.language].max_wind</h4>
$max_wind_table
</div>
</div>
</div>
</div>
<div class="row mt-5 mb-4 graphrow align-content-start">
<div class="col-md-8 main" >
</div>
<div class="col-sm">
<div class="card">
<div class="card-body text-center" style="position: relative;">

<h4 class="h5-responsive indigo-text">$Extras.Translations[$Extras.language].avg_wind</h4>
$avg_wind_table
</div>
</div>
</div>
</div>
<div class="row mt-5 mb-4 graphrow align-content-start">
<div class="col-md-8 main" >
</div>
<div class="col-sm">
<div class="card">
<div class="card-body text-center" style="position: relative;">

Expand Down

0 comments on commit 7373ced

Please sign in to comment.