I am a little confused about getting my “logo image” centered in the top left two grid areas (logo) for tablet landscape and larger. Below is a screen shot from FF showing the grid.
Here is an image of how I want the site to look:
The site is built in Gatsby.js, uses SCSS, and is deployed to Netlify. I was trying to figure out how to get the .html and .css file from the /public folder to post here, but am out of time on my lunch.
The site is here. You can see the CSS and HTML using your favorite web inspector.
The Github repo is here for people that know Gatsby & SCSS: https://github.com/jastuccio/astuccio-2019-gatsby/tree/master/src
Also wondering about the image wrapped in the H1. I probably dont need to worry about SEO for my low traffic site, but I like to do every thing the best way possible.