File tree Expand file tree Collapse file tree 1 file changed +26
-5
lines changed
Expand file tree Collapse file tree 1 file changed +26
-5
lines changed Original file line number Diff line number Diff 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 (150 px , 1fr ));
110+ grid-template-columns : repeat (auto-fit, minmax (200 px , 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 : 30 px 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 ;
You can’t perform that action at this time.
0 commit comments