ui - centering things without breaking sticky navbar and menu

This commit is contained in:
bunkerity
2021-08-09 17:10:26 +02:00
parent bcd421de09
commit 0573ba7b5a
5 changed files with 40 additions and 32 deletions

View File

@@ -2,21 +2,17 @@
{% block content %}
<div class="d-flex text-center justify-content-center">
<div class="row justify-content-center">
<div class="card border-0" style="width: 30rem;">
<img src="img/logo.png" class="card-img-top" />
<div class="row row-cols-1 row-cols-md-2">
<div class="col pt-3">
<span class="badge bg-primary">{{ instances_number }}</span> bunkerized-nginx instances
</div>
<div class="col pt-3">
<span class="badge bg-primary">{{ services_number }}</span> web services
</div>
</div>
<div class="col col-12">
<img src="img/logo.png" style="width: 300px;" />
</div>
<div class="col col-12 mt-20">
<span class="badge bg-primary">{{ instances_number }}</span> bunkerized-nginx instances
</div>
<div class="col col-12 mt-20">
<span class="badge bg-primary">{{ services_number }}</span> web services
</div>
</div>