First time using CSS grid on the brand info section

This is my first project submitting to this community. Just joined couple weeks ago to help with learning JavaScript. I'm pretty comfortable with html and css. Have never used css grid in a project so I thought I would use it in part of this project to get myself familiar with it. Normally I use Flexbox. Would love feed back on my submission and any tips / techniques you have to share.

-The speak bubble style of the mobile menu is not 100%. Have not used :before css property much at all. Was able to create the tip at the top right but had issues keeping it in the same spot when screen is gradually resized. So I commented the css out (line 129) for now until I learn more about :before and :after.

• With the mobile menu I want to add to the mobile menu toggle function so when you click anywhere outside of the mobile menu it will close instead of having to click the mobile menu icon again.

• Also just as an extra I put a smooth scroll to top page icon and function above the logo in the footer section. :)

Thanks Rudy