refactor: update responsive classes

Author: mrholek

src/pug/views/index.pug

@@ -109,28 +109,28 @@ block view
       .c-chart-wrapper(style='height:300px;margin-top:40px;')
         canvas#main-chart.chart(height='300')
     .card-footer
-      .row.text-center
-        .col-sm-12.col-md.mb-sm-2.mb-0
+      .row.row-cols-1.row-cols-md-5.text-center
+        .col.mb-sm-2.mb-0
           .text-medium-emphasis Visits
           .fw-semibold 29.703 Users (40%)
           .progress.progress-thin.mt-2
             .progress-bar.bg-success(role='progressbar', style='width: 40%', aria-valuenow='40', aria-valuemin='0', aria-valuemax='100')
-        .col-sm-12.col-md.mb-sm-2.mb-0
+        .col.mb-sm-2.mb-0
           .text-medium-emphasis Unique
           .fw-semibold 24.093 Users (20%)
           .progress.progress-thin.mt-2
             .progress-bar.bg-info(role='progressbar', style='width: 20%', aria-valuenow='20', aria-valuemin='0', aria-valuemax='100')
-        .col-sm-12.col-md.mb-sm-2.mb-0
+        .col.mb-sm-2.mb-0
           .text-medium-emphasis Pageviews
           .fw-semibold 78.706 Views (60%)
           .progress.progress-thin.mt-2
             .progress-bar.bg-warning(role='progressbar', style='width: 60%', aria-valuenow='60', aria-valuemin='0', aria-valuemax='100')
-        .col-sm-12.col-md.mb-sm-2.mb-0
+        .col.mb-sm-2.mb-0
           .text-medium-emphasis New Users
           .fw-semibold 22.123 Users (80%)
           .progress.progress-thin.mt-2
             .progress-bar.bg-danger(role='progressbar', style='width: 80%', aria-valuenow='80', aria-valuemin='0', aria-valuemax='100')
-        .col-sm-12.col-md.mb-sm-2.mb-0
+        .col.mb-sm-2.mb-0
           .text-medium-emphasis Bounce Rate
           .fw-semibold 40.15%
           .progress.progress-thin.mt-2