figures and media queries

2022-04-24 06:45:41 +03:00
parent b91e540761
commit dd1c65af7f
2 changed files with 21 additions and 2 deletions
--- a/assets/_cheese/styles.scss
+++ b/assets/_cheese/styles.scss
@@ -72,7 +72,11 @@ article h6 {
    font-size: 100%
 }

-img {
+figure {
+    margin: 40px 0;
+}
+
+img,figcaption {
    margin: 10px auto;
    width: 90%;
    max-width: 600px;
@@ -81,6 +85,14 @@ img {
    display: block
 }

+@media (max-width:500px) {
+    img,figcaption {
+        margin: 0;
+        padding: 0;
+        width: 100%;
+    }
+}
+
 hr {
    border: none;
    border-top: 1px dashed $border;