Responsive Landing Page created with CSS Grid and Flexbox

Project number 10 completed. First responsive landing page using CSS Grid and although not pixel perfect, I am reasonably happy with it. Lessons learned or at times re-learned include:

• Use css to deploy a background image via a url. I had actually forgotten this could be done!
• Icons, I had forgotten also how to use png files from FontAwesome, what I had forgotten was placing the link within the html head.
• Styling the icons in css.
• One thing I am not confident with in this project is having to use negative top margin for one of the elements (computer and phone mockup). This was the only way I could get the element placed where I want it. Works ok until the project is expanded toward desktop where in that process the element covers the logo completely.
• Comments and advice warmly welcomed.