Frontend Mentor - Easybank landing page solution

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

Table of contents

• Overview
  • Links
• My process
  • Built with
  • Useful resources
• Author
• Acknowledgments

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

Screenshot

Links

• Solution URL: https://github.com/SArkar-Htet/easybank-landing-page
• Live Site URL: https://easybank-landing-page-mu-sandy.vercel.app/

My process

Built with

• Semantic HTML5 markup
• SCSS
• JavaScript
• Flexbox
• CSS Grid
• Mobile-first workflow

Useful resources

• Build a website from scratch - Frontend Mentor EasyBank landing page - This is an amazing playlist which helped me to understand responsive, frontend, mobile-first workflow and some CSS properties.
• Version Control with Git - This course helped me to know basic knowledge of git and how to write a good commit message.
• W3 Schools This is an amazing website for who are learning about web development.

Author

• Frontend Mentor - @SArkar-Htet
• Facebook - Soe Arkar Htet

Acknowledgments

I saw this challenge from Build a website from scratch - Frontend Mentor EasyBank landing page on youtube. I watched all the videos of this playlist and wrote the code. So, she (Coder Coder) helped me everything of this challenge.