Update style-guide.md

Author: mattstuddert

style-guide.md

@@ -7,6 +7,8 @@ The designs were created to the following widths:
 - Mobile: 375px
 - Desktop: 1440px
 
+> 💡 These are just the design sizes. Ensure content is responsive and meets WCAG requirements by testing the full range of screen sizes from 320px to large screens.
+
 ## Colors
 
 ### Primary
@@ -19,7 +21,7 @@ Dark Blue: hsl(228, 39%, 23%)
 Dark Grayish Blue: hsl(227, 12%, 61%)
 Very Dark Blue: hsl(233, 12%, 13%)
 Very Pale Red: hsl(13, 100%, 96%)
-Vary Light Gray: hsl(0, 0%, 98%)
+Very Light Gray: hsl(0, 0%, 98%)
 
 ## Typography
 
@@ -39,3 +41,5 @@ For the social icons, you can use the icons provided or a font icon library. Som
 - [Font Awesome](https://fontawesome.com)
 - [IcoMoon](https://icomoon.io)
 - [Ionicons](https://ionicons.com)
+
+> 💎 [Upgrade to Pro](https://www.frontendmentor.io/pro?ref=style-guide) for design file access to see all design details and get hands-on experience using a professional workflow with tools like Figma.