The repository for the code used for generating the photos.pablopie.xyz website 📸️
SHARED_default.css (645B)
1 @import url('styles.css'); 2 3 #prev_link, #next_link { 4 display: none; 5 position: absolute; 6 top: 50%; 7 } 8 9 @media (min-width: 800px) { 10 #prev_link, #next_link { 11 display: block; 12 } 13 } 14 15 #prev_link { 16 left: 0; 17 } 18 19 #next_link { 20 right: 0; 21 } 22 23 #prev_link img, #next_link img { 24 margin: 1em; 25 } 26 27 #image img { 28 max-height: 80vh; 29 width: 100%; 30 object-fit: contain; 31 } 32 33 #gallery { 34 margin: 1em 0; 35 display: grid; 36 grid-template-columns: repeat(auto-fill, minmax(100px, 1fr)); 37 gap: 1em; 38 } 39 40 #gallery a { 41 display: block; 42 margin: 0; 43 aspect-ratio: 1/1; 44 } 45 46 #gallery a img { 47 width: 100%; 48 height: 100%; 49 object-fit: cover; 50 } 51