Skip to content

Commit 96a7a14

Browse files
authored
Update style.css
Signed-off-by: Absalom711 <willemabsa@gmail.com>
1 parent a59abc9 commit 96a7a14

File tree

1 file changed

+26
-5
lines changed

1 file changed

+26
-5
lines changed

style.css

Lines changed: 26 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -104,27 +104,48 @@ section {
104104
margin-bottom: 10px;
105105
}
106106

107-
/* Stats */
107+
/* Stats Section */
108108
.stat-grid {
109109
display: grid;
110-
grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
110+
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); /* all boxes same width */
111111
gap: 30px;
112-
justify-items: center;
112+
justify-content: center;
113+
align-items: stretch; /* makes all boxes same height */
114+
padding: 0 20px;
113115
}
116+
114117
.stat {
115118
background: #1a1a1a;
116-
padding: 20px;
119+
padding: 30px 20px;
117120
border-radius: 15px;
118-
box-shadow: 0 0 10px #00d4ff30;
121+
box-shadow: 0 0 15px #00d4ff50, 0 0 30px #ff950050;
122+
display: flex;
123+
flex-direction: column;
124+
align-items: center;
125+
justify-content: center;
126+
min-height: 180px; /* same height for all */
127+
transition: transform 0.3s, box-shadow 0.3s;
119128
}
129+
130+
.stat:hover {
131+
transform: translateY(-5px);
132+
box-shadow: 0 0 20px #00d4ff80, 0 0 40px #ff950080;
133+
}
134+
120135
.stat h3 {
121136
font-size: 2.5rem;
122137
color: #ff9500;
138+
margin-bottom: 10px;
123139
}
140+
124141
.stat p {
125142
color: #ccc;
143+
font-weight: 500;
144+
font-size: 1rem;
145+
text-align: center;
126146
}
127147

148+
128149
/* Contact */
129150
.contact form {
130151
max-width: 600px;

0 commit comments

Comments
 (0)