Skip to content

Commit a0a43a7

Browse files
zuramaizuramai
committed
fix: ugly card in dashboard in medium-sized screen
1 parent ed73f6d commit a0a43a7

2 files changed

Lines changed: 33 additions & 33 deletions

File tree

‎src/index.html‎

Lines changed: 17 additions & 17 deletions
Original file line numberDiff line numberDiff line change
@@ -17,14 +17,14 @@ <h3>Profile Statistics</h3>
1717
<div class="row">
1818
<div class="col-6 col-lg-3 col-md-6">
1919
<div class="card">
20-
<div class="card-body px-3 py-4-5">
20+
<div class="card-body px-4 py-4-5">
2121
<div class="row">
22-
<div class="col-md-4">
23-
<div class="stats-icon purple">
22+
<div class="col-md-4 col-lg-12 col-xl-12 col-xxl-5 d-flex justify-content-start ">
23+
<div class="stats-icon purple mb-2">
2424
<i class="iconly-boldShow"></i>
2525
</div>
2626
</div>
27-
<div class="col-md-8">
27+
<div class="col-md-8 col-lg-12 col-xl-12 col-xxl-7">
2828
<h6 class="text-muted font-semibold">Profile Views</h6>
2929
<h6 class="font-extrabold mb-0">112.000</h6>
3030
</div>
@@ -34,14 +34,14 @@ <h6 class="font-extrabold mb-0">112.000</h6>
3434
</div>
3535
<div class="col-6 col-lg-3 col-md-6">
3636
<div class="card">
37-
<div class="card-body px-3 py-4-5">
37+
<div class="card-body px-4 py-4-5">
3838
<div class="row">
39-
<div class="col-md-4">
40-
<div class="stats-icon blue">
39+
<div class="col-md-4 col-lg-12 col-xl-12 col-xxl-5 d-flex justify-content-start ">
40+
<div class="stats-icon blue mb-2">
4141
<i class="iconly-boldProfile"></i>
4242
</div>
4343
</div>
44-
<div class="col-md-8">
44+
<div class="col-md-8 col-lg-12 col-xl-12 col-xxl-7">
4545
<h6 class="text-muted font-semibold">Followers</h6>
4646
<h6 class="font-extrabold mb-0">183.000</h6>
4747
</div>
@@ -51,14 +51,14 @@ <h6 class="font-extrabold mb-0">183.000</h6>
5151
</div>
5252
<div class="col-6 col-lg-3 col-md-6">
5353
<div class="card">
54-
<div class="card-body px-3 py-4-5">
54+
<div class="card-body px-4 py-4-5">
5555
<div class="row">
56-
<div class="col-md-4">
57-
<div class="stats-icon green">
56+
<div class="col-md-4 col-lg-12 col-xl-12 col-xxl-5 d-flex justify-content-start ">
57+
<div class="stats-icon green mb-2">
5858
<i class="iconly-boldAdd-User"></i>
5959
</div>
6060
</div>
61-
<div class="col-md-8">
61+
<div class="col-md-8 col-lg-12 col-xl-12 col-xxl-7">
6262
<h6 class="text-muted font-semibold">Following</h6>
6363
<h6 class="font-extrabold mb-0">80.000</h6>
6464
</div>
@@ -68,14 +68,14 @@ <h6 class="font-extrabold mb-0">80.000</h6>
6868
</div>
6969
<div class="col-6 col-lg-3 col-md-6">
7070
<div class="card">
71-
<div class="card-body px-3 py-4-5">
71+
<div class="card-body px-4 py-4-5">
7272
<div class="row">
73-
<div class="col-md-4">
74-
<div class="stats-icon red">
73+
<div class="col-md-4 col-lg-12 col-xl-12 col-xxl-5 d-flex justify-content-start ">
74+
<div class="stats-icon red mb-2">
7575
<i class="iconly-boldBookmark"></i>
7676
</div>
7777
</div>
78-
<div class="col-md-8">
78+
<div class="col-md-8 col-lg-12 col-xl-12 col-xxl-7">
7979
<h6 class="text-muted font-semibold">Saved Post</h6>
8080
<h6 class="font-extrabold mb-0">112</h6>
8181
</div>
@@ -212,7 +212,7 @@ <h4>Latest Comments</h4>
212212
</div>
213213
<div class="col-12 col-lg-3">
214214
<div class="card">
215-
<div class="card-body py-4 px-5">
215+
<div class="card-body py-4 px-4">
216216
<div class="d-flex align-items-center">
217217
<div class="avatar avatar-xl">
218218
<img src="assets/images/faces/1.jpg" alt="Face 1">

‎src/layout-horizontal.html‎

Lines changed: 16 additions & 16 deletions
Original file line numberDiff line numberDiff line change
@@ -16,14 +16,14 @@ <h3>Horizontal Layout</h3>
1616
<div class="row">
1717
<div class="col-6 col-lg-3 col-md-6">
1818
<div class="card">
19-
<div class="card-body px-3 py-4-5">
19+
<div class="card-body px-4 py-4-5">
2020
<div class="row">
21-
<div class="col-md-4">
22-
<div class="stats-icon purple">
21+
<div class="col-md-4 col-lg-12 col-xl-12 col-xxl-5 d-flex justify-content-start ">
22+
<div class="stats-icon purple mb-2">
2323
<i class="iconly-boldShow"></i>
2424
</div>
2525
</div>
26-
<div class="col-md-8">
26+
<div class="col-md-8 col-lg-12 col-xl-12 col-xxl-7">
2727
<h6 class="text-muted font-semibold">Profile Views</h6>
2828
<h6 class="font-extrabold mb-0">112.000</h6>
2929
</div>
@@ -33,14 +33,14 @@ <h6 class="font-extrabold mb-0">112.000</h6>
3333
</div>
3434
<div class="col-6 col-lg-3 col-md-6">
3535
<div class="card">
36-
<div class="card-body px-3 py-4-5">
36+
<div class="card-body px-4 py-4-5">
3737
<div class="row">
38-
<div class="col-md-4">
39-
<div class="stats-icon blue">
38+
<div class="col-md-4 col-lg-12 col-xl-12 col-xxl-5 d-flex justify-content-start ">
39+
<div class="stats-icon blue mb-2">
4040
<i class="iconly-boldProfile"></i>
4141
</div>
4242
</div>
43-
<div class="col-md-8">
43+
<div class="col-md-8 col-lg-12 col-xl-12 col-xxl-7">
4444
<h6 class="text-muted font-semibold">Followers</h6>
4545
<h6 class="font-extrabold mb-0">183.000</h6>
4646
</div>
@@ -50,14 +50,14 @@ <h6 class="font-extrabold mb-0">183.000</h6>
5050
</div>
5151
<div class="col-6 col-lg-3 col-md-6">
5252
<div class="card">
53-
<div class="card-body px-3 py-4-5">
53+
<div class="card-body px-4 py-4-5">
5454
<div class="row">
55-
<div class="col-md-4">
56-
<div class="stats-icon green">
55+
<div class="col-md-4 col-lg-12 col-xl-12 col-xxl-5 d-flex justify-content-start ">
56+
<div class="stats-icon green mb-2">
5757
<i class="iconly-boldAdd-User"></i>
5858
</div>
5959
</div>
60-
<div class="col-md-8">
60+
<div class="col-md-8 col-lg-12 col-xl-12 col-xxl-7">
6161
<h6 class="text-muted font-semibold">Following</h6>
6262
<h6 class="font-extrabold mb-0">80.000</h6>
6363
</div>
@@ -67,14 +67,14 @@ <h6 class="font-extrabold mb-0">80.000</h6>
6767
</div>
6868
<div class="col-6 col-lg-3 col-md-6">
6969
<div class="card">
70-
<div class="card-body px-3 py-4-5">
70+
<div class="card-body px-4 py-4-5">
7171
<div class="row">
72-
<div class="col-md-4">
73-
<div class="stats-icon red">
72+
<div class="col-md-4 col-lg-12 col-xl-12 col-xxl-5 d-flex justify-content-start ">
73+
<div class="stats-icon red mb-2">
7474
<i class="iconly-boldBookmark"></i>
7575
</div>
7676
</div>
77-
<div class="col-md-8">
77+
<div class="col-md-8 col-lg-12 col-xl-12 col-xxl-7">
7878
<h6 class="text-muted font-semibold">Saved Post</h6>
7979
<h6 class="font-extrabold mb-0">112</h6>
8080
</div>

0 commit comments

Comments
 (0)