Responsive Sunnyside Agency Landing Page using Dart Sass & JavaScript

Hi there! Check out this Sunnyside Agency Landing Page I made using Dart Sass and JavaScript. Though it's somehow responsive, I can't quite perfect the layout for some of the viewports. This project is indeed quite challenging, especially when trying to position the images and the texts on top of them. It gave me quite a few headaches, but I still managed to finish it within 5-ish days.

Things I had a hard time on while making this website:

• implementing grid layout to make the website responsive
• putting images as background-image on css file instead of putting it as an <img> element on index.html (it seems like height: 100%; is not working every time I try using it as background)
• implementing breakpoints for mobile, tablet, and desktop view

I would love to hear your thoughts about my approach in developing this landing page, and it would be awesome if you could point out the best practices on developing a website with mobile-first workflow in mind.

Thank you and keep on coding!