Site URL: https://clarinet-apple-kf7h.squarespace.com/
Hello! I have got a few problems with my website in mobile view. On my homepage, I have got various galleries in grid style with three images next to each other. However, on mobile it puts two pictures in the first row and moves the third to the second row and it looks very unprofessional. I just want them all to appear in the same row as they do on desktop. Furthermore, the footer of my website is a complete mess. My instagram grid is behaving the same as the images, two in the first row and the third in the second row. It also places my logo in a huge size below the next, when it should be small and on the right-hand side next to my contact information.
I have attached some screenshots for reference. The first two are how it looks on desktop, the last three how it appears on mobile.
How can I fix this? I appreciate your help.