Blogr landing

• since this <div class="navbar__hamburger" id="hamburger"></div> is supposed to be interactive (button) , users of assistive technology will not be able to identify it as such, hence they won't be able to utilise it
• the immediate child of a ul element should be an li element. A div can only come in as a child of the li element.
• your list items Overview, marketplace, features etc should be anchor tags since generally they should be links to other pages
• as to your question about the strategy of setting up html: i think they are somethings that cannot be avoidable until you have mastered the ins and outs of the game. The planning must be done with both or all the designs in mind but that can change during implementation resulting in the addition and or subtraction of the ideas.

Maybe someone else can help you with you SASS but it seems like you are holding the mobile navigation too long a the browser window widens