Frontend Mentor - Pricing component with toggle solution
This is a solution to the Pricing component with toggle challenge on Frontend Mentor.
Table of contents
Overview
The challenge
Users should be able to:
- View the optimal layout for the component depending on their device's screen size
- Control the toggle with both their mouse/trackpad and their keyboard
- Bonus: Complete the challenge with just HTML and CSS
Screenshot
Links
- Solution URL: https://www.frontendmentor.io/solutions/pricing-component-with-sass-and-vanilla-js-nZ38TvfA3
- Live Site URL: https://lukaszkus.github.io/pricing-component/
My process
Built with
- Semantic HTML5 markup
- Sass - CSS extension
- BEM methodology
- Flexbox
- Mobile-first workflow
- Gulp - Task runner
- Vanilla JS
Author
- Frontend Mentor - @lukaszkus