diff --git a/src/stylesheets/components/_admin.scss b/src/stylesheets/components/_admin.scss index 08df491..3a840ad 100644 --- a/src/stylesheets/components/_admin.scss +++ b/src/stylesheets/components/_admin.scss @@ -113,13 +113,14 @@ @include space-contents; &__stats { - display: grid; - grid-template-columns: 1fr 1fr; + display: flex; + flex-wrap: wrap; gap: .5rem; div { display: flex; flex-direction: column; + width: 100%; align-items: center; text-align: center; background: $admin-bg; @@ -141,9 +142,8 @@ } @include respond-to('medium') { - grid-template-columns: repeat(5, 1fr); + flex-wrap: nowrap; } - } &__graphs { diff --git a/src/stylesheets/pages/_dashboard.scss b/src/stylesheets/pages/_dashboard.scss index 3eae5d9..12e0523 100644 --- a/src/stylesheets/pages/_dashboard.scss +++ b/src/stylesheets/pages/_dashboard.scss @@ -15,6 +15,6 @@ } @include respond-to('medium') { - grid-template-columns: repeat(4, 1fr); + grid-template-columns: repeat(3, 1fr); } }