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.
https://happy-goldstine-ae6cb9.netlify.com/
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.
Thank you