Made statistic cards screen responsive

This commit is contained in:
Yarne Coppens 2024-08-25 11:38:18 +02:00
parent 3207920bac
commit d6b05ea986
2 changed files with 6 additions and 4 deletions

View file

@ -7,9 +7,11 @@ function create_statistic_card(col_number = null){
function create_statistic_card_col(){
const col = document.createElement('col')
if (col_number == null){
col.classList.add('col-6')
col.classList.add('col-12')
col.classList.add('col-md-6')
}else{
col.classList.add('col-' + col_number)
col.classList.add('col-' + col_number * 2)
col.classList.add('col-md-'+col_number)
}

View file

@ -4,7 +4,7 @@
{% block body_block %}
<div class="container">
<div id="statistic_row" class="row row-cols-auto g-4 ">
<div id="statistic_row" class="row g-4 ">
</div>
</div>