Frontend Mentor - Social media dashboard with theme switcher solution

This is a solution to the Social media dashboard with theme switcher challenge on Frontend Mentor.

Table of contents

• Overview
  • The challenge
  • Screenshot
  • Links
• My process
  • Built with
  • What I learned
  • Continued development
  • Useful resources
• Author

Overview

The challenge

I should be able to:

• View the optimal layout for the site depending on their device's screen size
• See hover states for all interactive elements on the page
• Toggle color theme to their preference

Screenshot

Links

• Solution URL: Github.com
• Live Site URL: Netlify.com

My process

Built with

• Semantic HTML5 markup
• CSS custom properties
• SCSS styles
• Flexbox
• CSS Grid
• Mobile-first workflow

Author

• Website - dianacruz.pro
• Frontend Mentor - @DianaVCruz
• Twitter - @dianacruzpro

Acknowledgments

Without a doubt 😁☝, working the styles by components make your workflow faster 😲 and even better, if you add the gulpfile 🥤 to your tools, perform your repetitive tasks automatically to test your sites 😍⚡