Skip to content

Latest commit

 

History

History
69 lines (44 loc) · 2.23 KB

README.md

File metadata and controls

69 lines (44 loc) · 2.23 KB

Frontend Mentor - Calculator app solution

This is a solution to the Calculator app challenge on Frontend Mentor. Frontend Mentor challenges help you improve your coding skills by building realistic projects.

Table of contents

Overview

Screenshot

Desktop Screenshot desktop screenshot

Mobile Screenshot Mobile screenshot

Links

My process

Built with

  • Semantic HTML5 markup
  • CSS custom properties
  • CSS Grid
  • Desktop-first workflow
  • Bootstrap

What I learned

CSS flex Property & Grid template areas finally open my eye toward it. Also bootstrap helps a lot in making design responsive.

Continued development

I need to complete more challenges in future.

Useful resources

  • MDN - Grid template areas - This helped me for using grid . I really liked this pattern and will use it going forward.
  • CSS flex Property - This is an amazing article which helped me finally understand flex properties. I'd recommend it to anyone still learning this concept.

Author

Acknowledgments

This is where I can give a hat tip to google helped me out on this project. Thanks google, w3schools & MDN.