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.
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
- Solution URL: Solution Available on Github
- Live Site URL: Live Deployment through Netlify
- Semantic HTML5 markup
- CSS custom properties
- Flexbox for features
- CSS Grid for articles
- Mobile-first workflow
I used this tutorial by Jessica from coder coder to get into SCSS -> See youtube I did not acomplish this work myself, but followed the tutorial by Jessica to get a better understanding of her workflow, and potentially learn some tips and tricks.
- FreeCodeCamp.org Youtube channel - This was the tutorial from Jessica which developed this landing page step by step, following a top down approach using mobile-first design.
- CSS Tricks - I used the gridbox and flexbox tutorials to gain a better understanding of these layout properties.
This was the tutorial from Jessica which developed this landing page step by step, following a top down approach using mobile-first design.