A small React app using CSS grid with a mobile first workflow

Feel free to comment on this design. I added another (not requested) layout for tablets because I did not like the single column on medium sized screens. What do you think?

I have two questions:

I tried using gh-pages npm package to deploy the create-react-app via Github Pages but it failed and I used Vercel instead. Has anyone any experiences on how to deploy a react App on Github or some knowledge about any pit falls?

I liked using css grid for this task but is there another way to achieve this layout?