fixes

challenges/04-maps/01/style.scss

@@ -0,0 +1,37 @@
+@use "sass:map";
+
+$breakpoints: (
+  small: 30em,
+  medium: 45em,
+  large: 65em,
+  xl: 80em,
+);
+
+@mixin mq($size) {
+  $breakpoint: map.get($breakpoints, $size);
+
+  @media screen and (min-width: $breakpoint) {
+    @content;
+  }
+}
+
+body {
+  // all of these should work
+  @include mq(medium) {
+    background: pink;
+  }
+  @include mq(500px) {
+    background: lightblue;
+  }
+  @include mq(100em) {
+    background: #efefef;
+  }
+
+  // these should fail, with an error telling me why
+  @include mq(reallysmall) {
+    background: yellow;
+  }
+  @include mq(5000) {
+    background: purple;
+  }
+}

challenges/05-partials/01/main.scss

@@ -2,6 +2,5 @@
 @use "abstracts/font-sizes";
 
 .card {
-  font-size: $fs-400;
+  
-  color: $clr-primary;
 }

projects/04-chef/styleguide.md

@@ -0,0 +1,30 @@
+# Personal Chef Services - Style guide
+
+## Typography
+
+### Fonts
+
+- Abril Fatface
+- Lato
+
+### Font sizes
+
+- 80px
+- 60px
+- 27px
+- 21px
+- 18px
+
+## Colors
+
+### Primary
+
+- 400: #FF6635
+- 500: #DD4E11
+
+### Neutral 
+
+- 900: #212121
+- 400: #5C5C5C
+- 200: #F8F8F8
+- 100: #FFFFFF