This is a solution to the Easybank landing page challenge on Frontend Mentor.
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
- Semantic HTML5 markup
- SCSS / BEM
- Flexbox
- CSS Grid
- Mobile-first workflow
- Light JavaScript
- BEM Methodology - This helped me organize my css in an intuitive and maintainable way. I really liked this methodology and will use it going forward.
- FLEX Cheatsheet , GRID Cheatsheet - These two are amazing visual guides to CSS Flexbox and Grid, which helped me finally internalize their different uses and potential. I'd recommend them to anyone still learning these concepts.
- LinkedIn - @irisdiakoumi
- Twitter - @irisdiakoumi