Responsive landing page using Sass and Flexbox

This is my take on what I think is the most difficult (free) challenge in "newbie" category. Making the layout responsive, matching the design screenshots and maintaining a clean source code has been really challenging.

I have a main.scss file which is "customized" by main-desktop.scss and main-mobile.scss, so I guess the workflow isn't mobile first nor desktop first. 😜

In some cases I have favored responsiveness over matching the design, for example the two columns are not vertically aligned to the design.

The SVG mockups image resizes both horizontally and vertically. To do that however I needed to resize the SVG image with Inkscape.

All in all I think I struggled too much for such a simple layout, hope it'll get easier with practice.