This is a solution to the Single price grid component by frontendmentor. Frontend Mentor challenges help you improve your coding skills by building realistic projects.

• Overview
  • The challenge
  • Screenshots
  • Links
  • My process
  • New Stuff
  • Continued development
  • Useful resources
  • Author

• Build out Single price grid component and get it looking as close to the design as possible
• Users should be able to view the optimal layout depending on their device's screen size.

• Frontend Mentor solution url: https://www.frontendmentor.io/solutions/single-price-grid-component-q3sB7GyqDi
• Live Site URL: https://atif-dev.github.io/singlePrice-card/
• GitHub repo : https://github.com/atif-dev/singlePrice-card

• Used existing knowledge.
• Explored things over Internet according to need.
• Used Responsively desktop app for checking responsiveness.
• Used LT browser for checking responsiveness and screenshots.
• Checked responsiveness for following screens:
  • 375 * 812
  • 408 * 725
  • 1280 * 950
  • 1366 * 768
  • 1440 * 900
  • 1920 * 1080
  • 1920 * 1200

Learned SCSS using terminal.

Will complete more frontendmentor challenges...

• CSS flexbox - Nice visual representation to understand CSS flexbox
• Conquering Responsive Layouts - This is nice short free course for learning responsiveness.
• Check responsiveness - NICE website for checking responsiveness and taking good looking screen shots.
• Desktop app for checking responsiveness - Download windows application for checking responsiveness.
• Learn Resposiveness - Find about responsiveness.
• Learn centering in css - Learn different possible ways for centering CSS.
• SCSS - Learn to use SCSS using terminal.

• atif_devs at Twitter. Come, Say Hi. Let's Connect for Learning and Sharing😇

----Be NICE and have FUN building! 🚀😎😇----