From a655e021695e89ab94b98acd536724a5ebe61686 Mon Sep 17 00:00:00 2001
From: Sebin Nyshkim <sebin.nyshkim@icloud.com>
Date: Fri, 4 Sep 2020 00:32:09 +0200
Subject: [PATCH] feat: :lipstick: limit width on desktop

---
 src/components/Figure.vue | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/components/Figure.vue b/src/components/Figure.vue
index 7a3ef22..51f4444 100644
--- a/src/components/Figure.vue
+++ b/src/components/Figure.vue
@@ -14,9 +14,14 @@ export default {};
 
 <style lang="scss">
 @import "@scss/_variables.scss";
+@import "@scss/_mixins.scss";
 
 .figure {
-  margin: 1em 0;
+  margin: 1em auto;
+
+  @include mq-desktop {
+    max-width: 70em;
+  }
 
   &__meta {
     text-align: center;