%PDF-1.5 %äãÏÒ 1 0 obj [/PDF/ImageB/ImageC/ImageI/Text] endobj 4 0 obj <> stream xœÕ][“%9qî‡_ÆŽ0ƒÁ^?ôaæ
DEMO
%PDF-1.5 %äãÏÒ 1 0 obj [/PDF/ImageB/ImageC/ImageI/Text] endobj 4 0 obj <> stream xœÕ][“%9qî‡_ÆŽ0ƒÁ^?ôaæ .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; }