Responsive landing page using flexbox

• <img src="images/logo.svg" alt="logo" class="logo"> , alt values should be descriptive to allow assistive tech users to visualize the message that is being put across. Values like logo are shallow and not beneficial as that will be automatically announced by the screen readers.
• the following should be an unordered list of anchor elements

<div class="menu">
          <span>About</span>
          <span>Services</span>
          <span>Projects</span>
          <div class="contact">Contact</div>
        </div>

• the best practice is to use one h1 element per page. Let your headings ascend in order.