%PDF-1.4
%쏢
5 0 obj
<>
stream
x]oG>s\ٺM˪HQRV(PRק
P /~8PҮ6@1Gk!9ɟfq&g?4XqXeeRhBI??tZDHW3,Lͮ_V\JfyDR&OZL3,"*LGUNjBJU$Uϫ&IEF*տNLҨ(xL(VLDCO,RUxȢB
![diy%J55u\?ZDiR$"O(QErH.G8RE2sŕfH)0t!#eY$41AYu:2bEnX&GPɌ;J;<'.OlzJb1Bv^aңeUcQ!ˌ
M5.ɵ98
)jH!Fs*i4`NFT_-,s(eO"VBJzЮ[HÏD
UTƗK) lѯ+k-E%6>of75Z6kRtsk1iZy6V}*zI(U}#k?5nUJmZYff'_d (Ն'6R^6vr!s{TfuWhKrs4siũZjUQƮkxV^MVs"YJ!{^)
d({#6;%(oZ6fXfcýJR|N6Za;"ͮ0a@=kc߭6J2RJ05
DEMO
%PDF-1.4
%쏢
5 0 obj
<>
stream
x]oG>s\ٺM˪HQRV(PRק
P /~8PҮ6@1Gk!9ɟfq&g?4XqXeeRhBI??tZDHW3,Lͮ_V\JfyDR&OZL3,"*LGUNjBJU$Uϫ&IEF*տNLҨ(xL(VLDCO,RUxȢB
![diy%J55u\?ZDiR$"O(QErH.G8RE2sŕfH)0t!#eY$41AYu:2bEnX&GPɌ;J;<'.OlzJb1Bv^aңeUcQ!ˌ
M5.ɵ98
)jH!Fs*i4`NFT_-,s(eO"VBJzЮ[HÏD
UTƗK) lѯ+k-E%6>of75Z6kRtsk1iZy6V}*zI(U}#k?5nUJmZYff'_d (Ն'6R^6vr!s{TfuWhKrs4siũZjUQƮkxV^MVs"YJ!{^)
d({#6;%(oZ6fXfcýJR|N6Za;"ͮ0a@=kc߭6J2RJ05
.portfolio li.good a {
}
.portfolio li.good a:before {
/* --thumbnail: attr(data-img);*/
/* content: var(--thumbnail);*/
content: '';
background-image: var(--thumbnail);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
height: 20vh;
widht: 100%;
display: block;
}
/*
.portfolio li a[data-img]:before {
content: attr(data-img);
background-image: attr(data-img);
background-repeat: no-repeat;
background-size: cover;
widht: 100%;
padding: 20vh 20vh 20px 20px;
display: block;
}
*/
.portfolio {
display: grid;
grid-template-columns: 20% 20% 20% 20%;
grid-column-gap: 5%;
}
.portfolio li {
list-style: none;
margin-bottom: 2em;
/* height: 20vh;*/
/* width: 20%;*/
}
.portfolio li:not(.good) {
display: none !important;
}