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. Frontend Mentor challenges help you improve your coding skills by building realistic projects.
Table of contents
Overview
The challenge
Users 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: https://static-social-media-dashboard.vercel.app/
- Live Site URL: https://www.frontendmentor.io/solutions/mobile-first-with-sass-and-vite-bundler-awesome-xd-hDNpQ-PWx
My process
Built with
- Semantic HTML5 markup
- CSS custom properties
- CSS Flexbox
- CSS Grid
- SCSS
- Vite Bundler
- Mobile-first workflow
Continued development
I love Vite! For those who don't know, vite is an awesome bundler and you should take a look at it. Vite will clearly be my go to go next time i create a website/app without a framework (because for them i use webpack)
Author
- Frontend Mentor - @Galielo-App