📱 feature: responsive (and centered) images

2 years ago · 9242fa4389
parent d653f5b281
commit 9242fa4389
1 changed files with 8 additions and 0 deletions
--- a/sass/parts/_image.scss
+++ b/sass/parts/_image.scss
@ -3,12 +3,20 @@ figure {
  display: inline-block;
  margin: 0;
  max-width: 100%;
+  height: auto;
 }

 figure img {
  max-height: 500px;
 }

+img {
+  display: block;
+  margin: 0 auto;
+  max-width: 100%;
+  height: auto;
+}
+
@media screen and (min-width: 600px) {
  figure {
    padding: 0 40px;