Frontend Mentor - Easybank landing page solution

This is my solution to the Easybank landing page challenge on Frontend Mentor.

Table of contents

• Frontend Mentor - Easybank landing page solution
  • Table of contents
  • Overview
    • The challenge
    • Screenshot
    • Links
  • My process
    • Built with
    • What I learned
    • Continued development
  • Author

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: URL here
• Live Site URL: URL here

My process

Built with

• Semantic HTML5 markup
• CSS custom properties
• Flexbox
• CSS Grid
• Mobile-first workflow

What I learned

This project is designed to help you put on practice some of the core concepts of CSS like Flexbox or CSS Grid. My first approach to this project was to use a Desktop-first workflow, however, after some evaluation of the project and I decided Mobile-first was the best choice.

Continued development

After finishing this project, I want to keep practicing images positioning. I think this is a core concept of modern web development.

Author

• Website - Sergio Barria
• Frontend Mentor - @sergiobarria
• Twitter - @sergioBarria01