From bc9a93101cf5c7d600e8060e025c29c3642f818e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Fe=CC=81lix=20Pe=CC=81ault?= <hello@flayks.com>
Date: Sat, 9 Oct 2021 20:13:52 +0200
Subject: [PATCH] Fix some styles issues (font-weight, max-width, markup)

---
 src/components/molecules/Switcher.svelte | 4 ++--
 src/components/organisms/Shop.svelte     | 2 +-
 src/style/organisms/_locations.scss      | 1 +
 src/style/organisms/_shop.scss           | 5 +++--
 src/style/pages/_explore.scss            | 2 +-
 5 files changed, 8 insertions(+), 6 deletions(-)

diff --git a/src/components/molecules/Switcher.svelte b/src/components/molecules/Switcher.svelte
index b0ec8da..8a2f487 100644
--- a/src/components/molecules/Switcher.svelte
+++ b/src/components/molecules/Switcher.svelte
@@ -32,7 +32,7 @@
     }
 </script>
 
-<div class="switcher" class:is-open={isOpen}>
+<aside class="switcher" class:is-open={isOpen}>
     <nav class="switcher__links">
         <ul>
             {#each links as { icon, alt, url, text }}
@@ -55,4 +55,4 @@
             <i />
         </span>
     </button>
-</div>
\ No newline at end of file
+</aside>
\ No newline at end of file
diff --git a/src/components/organisms/Shop.svelte b/src/components/organisms/Shop.svelte
index d5952e9..499bad5 100644
--- a/src/components/organisms/Shop.svelte
+++ b/src/components/organisms/Shop.svelte
@@ -15,7 +15,7 @@
         <div class="shop__image">
             <img src="/images/poster-display.jpg" alt="">
         </div>
-        <div class="shop__info">
+        <div class="shop__content">
             <h3 class="title-medium">Browse our products</h3>
             <p class="text-small">Discover our graphic posters and prints of your favouite locations.</p>
             <Button
diff --git a/src/style/organisms/_locations.scss b/src/style/organisms/_locations.scss
index 360ef4b..9b74dd1 100644
--- a/src/style/organisms/_locations.scss
+++ b/src/style/organisms/_locations.scss
@@ -12,6 +12,7 @@
         max-width: 230px;
         text-align: center;
         color: $color-tertiary;
+        font-weight: 200;
         line-height: 1.4;
 
         @include bp (sm) {
diff --git a/src/style/organisms/_shop.scss b/src/style/organisms/_shop.scss
index 55023c9..54bea7d 100644
--- a/src/style/organisms/_shop.scss
+++ b/src/style/organisms/_shop.scss
@@ -34,10 +34,11 @@
         }
     }
 
-    // Info
-    &__info {
+    // Content
+    &__content {
         display: flex;
         flex-direction: column;
+        max-width: 480px;
         padding: 32px 40px;
         border-radius: 12px;
 
diff --git a/src/style/pages/_explore.scss b/src/style/pages/_explore.scss
index 1567817..debfd1a 100644
--- a/src/style/pages/_explore.scss
+++ b/src/style/pages/_explore.scss
@@ -20,7 +20,7 @@
         p {
             max-width: 260px;
             margin: 40px auto 0;
-            font-weight: 400;
+            font-weight: 200;
 
             @include bp (sm) {
                 margin: 72px auto 130px;