finxol.io
Personal site
staging.colinozanne.co.uk
portfolio
astro
feat: make entire project card clickable
+9
-1
+9
-1
src/assets/styles/index.css
+9
-1
src/assets/styles/index.css
···
125
}
126
127
.project {
128
display: grid;
129
grid-template-areas:
130
"img img"
···
141
142
a {
143
text-decoration: none;
144
}
145
146
& > :not(picture) {
···
174
display: inline-block;
175
padding: 0.25rem 1rem;
176
border-radius: 100vw;
177
-
background-color: var(--teal-600);
178
color: var(--teal-100);
179
font-weight: lighter;
180
font-size: 0.8rem;
···
125
}
126
127
.project {
128
+
position: relative;
129
display: grid;
130
grid-template-areas:
131
"img img"
···
142
143
a {
144
text-decoration: none;
145
+
}
146
+
147
+
a::before {
148
+
content: "";
149
+
position: absolute;
150
+
inset: 0;
151
+
z-index: 1;
152
}
153
154
& > :not(picture) {
···
182
display: inline-block;
183
padding: 0.25rem 1rem;
184
border-radius: 100vw;
185
+
background-color: var(--teal-700);
186
color: var(--teal-100);
187
font-weight: lighter;
188
font-size: 0.8rem;