%PDF-1.4 %쏢 5 0 obj <> stream x]$u˲f?[}f{yE,Kmɓ[D$_ʩSUTW .23]sKz?w_j||W 󟿻pcSr5O!f]0Yx~!MBLF^?߼8rd6jx׎ <<:iV&ώ' 3^_IyHs4}'?HW?ՓOo7L)`|Wtn^/ 'DBQW =k-,#3-Y?47'5ÛGgIOAIz5b -B郇 i-%|-??l'ǓD]z+f5[uoOf yPft:T?/K7eQ_7_MvNhFZqu8na`91 [9_J\ ~oa`[ R^xi_D`p[ WLLAH}^WzI:܀PQ sZ,u1W!WQZNFqO433 "
DEMO
%PDF-1.4 %쏢 5 0 obj <> stream x]$u˲f?[}f{yE,Kmɓ[D$_ʩSUTW .23]sKz?w_j||W 󟿻pcSr5O!f]0Yx~!MBLF^?߼8rd6jx׎ <<:iV&ώ' 3^_IyHs4}'?HW?ՓOo7L)`|Wtn^/ 'DBQW =k-,#3-Y?47'5ÛGgIOAIz5b -B郇 i-%|-??l'ǓD]z+f5[uoOf yPft:T?/K7eQ_7_MvNhFZqu8na`91 [9_J\ ~oa`[ R^xi_D`p[ WLLAH}^WzI:܀PQ sZ,u1W!WQZNFqO433 " .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; }