Skip to content

Commit 1c36242

Browse files
committed
testing more shit with buttons
1 parent e825a37 commit 1c36242

File tree

1 file changed

+31
-31
lines changed

1 file changed

+31
-31
lines changed

assets/css/style.scss

Lines changed: 31 additions & 31 deletions
Original file line numberDiff line numberDiff line change
@@ -68,6 +68,37 @@
6868
.subtitle {
6969
letter-spacing: 0.25rem;
7070
}
71+
.buttons {
72+
color: var(--primary)!important;
73+
display: flex;
74+
justify-content: space-between;
75+
flex-wrap: wrap;
76+
}
77+
78+
.buttons a {
79+
color: var(--primary)!important;
80+
border-color: var(--primary)!important;
81+
flex: 1;
82+
text-align: center;
83+
max-width: 20vw;
84+
min-width: 10vw;
85+
}
86+
87+
// Mobile button settings
88+
@media (max-width: 768px) {
89+
.buttons {
90+
flex-direction: column;
91+
justify-content: center;
92+
align-items: center;
93+
}
94+
95+
.buttons a {
96+
width: 90%;
97+
max-width: 90%;
98+
margin: 0 auto;
99+
margin-bottom: 1rem;
100+
}
101+
}
71102
}
72103

73104

@@ -106,37 +137,6 @@
106137
bottom: 2rem;
107138
text-align: left;
108139
}
109-
.buttons {
110-
color: var(--primary)!important;
111-
display: flex;
112-
justify-content: space-between;
113-
flex-wrap: wrap;
114-
}
115-
116-
.buttons a {
117-
color: var(--primary)!important;
118-
border-color: var(--primary)!important;
119-
flex: 1;
120-
text-align: center;
121-
max-width: 20vw;
122-
min-width: 10vw;
123-
}
124-
125-
// Mobile button settings
126-
@media (max-width: 768px) {
127-
.buttons {
128-
flex-direction: column;
129-
justify-content: center;
130-
align-items: center;
131-
}
132-
133-
.buttons a {
134-
width: 90%;
135-
max-width: 90%;
136-
margin: 0 auto;
137-
margin-bottom: 1rem;
138-
}
139-
}
140140
}
141141

142142
#project-gallery {

0 commit comments

Comments
 (0)