Pricing component with toggle

Frontend Mentor | Challenge 6

ยท

1 min read

Hey everyone. It's time for challenge 6. The challenge was to develop a layout for pricing component with toggle button to switch price between monthly and annually. The page is both mobile and desktop responsive.

Challenge Link: frontendmentor.io/challenges/pricing-compon..

challenge6-mobile.png

challenge6-web.PNG

Technology used: HTML, CSS, SASS, Vercel (for deployment)

Major learning / improvements from the challenge were:

  • Created custom toggle button for first time ๐Ÿ˜…
  • CSS Grid layout

Live demo: https://frontend-mentor-challenges-wine.vercel.app/challenges/challenge6/

GitHub: https://github.com/namangupta1399/frontend-mentor-challenges

Frontend Mentor: https://www.frontendmentor.io/solutions/htmlcssjs-pricing-component-with-toggle-P8Z01dpmP

Feel free to share your views ๐Ÿ‘

Have a good day ๐Ÿ˜Ž