Responsive Landing Page using CSS Grid and FLexbox

I found this task particularly challenging and I know this isn't perfect but I am happy with the responsiveness of the website overall.

I struggled with the elements moving around the page unexpectedly as I changed my page size and got the hang of using media queries for the first time. I also developed my understanding of positioning elements using grid and flexbox.

I struggled to create the hover effect for the footer button, any advise please let me know.

Also, in desktop view, the 'Get started' text at the bottom of each grid element is no longer aligned, but it is in tablet view. Again any, insight please let me know.

Thanks for the help in advance :)