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