ericwood.org / photos-site
A little app to serve my photography from my personal website
fork atom

fix mobile breakpoint

ericwood.org c2e75d95 618594ff

Waiting for spindle ...
+20
+10
assets/photos/index.css
··· 155 155 @media (max-width: 700px) { 156 156 .photos__layout { 157 157 flex-direction: column; 158 + padding: 30px; 158 159 } 159 160 160 161 .photos__nav { ··· 178 179 179 180 .photos__mobile-nav { 180 181 display: flex; 182 + } 183 + 184 + .photos > a { 185 + max-height: initial; 186 + width: 100%; 187 + } 188 + 189 + .photos > a img { 190 + width: 100%; 181 191 } 182 192 }
+10
templates/layout.jinja
··· 71 71 background-color: black; 72 72 color: white; 73 73 } 74 + 75 + @media (max-width: 850px) { 76 + header { 77 + flex-direction: column; 78 + } 79 + 80 + header nav ul { 81 + flex-direction: column; 82 + } 83 + } 74 84 </style> 75 85 <title> 76 86 {% block title %}{% endblock %}