Huddle landing page with gulp HTML & SCSS

Stoked to finally build some more frontend mentor projects. I was sick of all the frameworks and backend learning. :)

This is my first attempt at a more advanced usage of scss. Getting to learn to new @use & @forward rules was fun and made it a lot more organised. I used loops to automatically put all my variables in a :root and also made a breakpoint mixin.

Further more this project was build mobile first. This is also new for me and i did mess some things up. For example:

-> i build the html focused on mobile but forgot to build in the complexity i'd need for desktop -> still having troubles with containers for sections of the website. for example when you need a max-width for the content but still need the whole width to have a background color how do you build the html for this

do u use :

<section> <div class="content"> #content </div> </section>

because i find this to be realy bloated.

Any other suggestions for the project are very much appreciated.