Layout Questions - 1 instead of 2 columns for mobile?

Site URL: https://www.calebheymann.com

Hi @tuanphan  Thank you for being so super helpful to so many!  🙏  I have a question that's similar but different from what others are asking.  My website (www.calebheymann.com) is built using the Avenue Template.  I have the main index of thumbnails set to display one at a time so that there each project has a long 'filmstrip' style thumbnail..  It works on Desktop and Tablet view, but for some reason in Mobile view it displays as two columns rather than one, making everything too tiny.  Only the desktop and iPad versions are correct displaying 1 column at a time with the wider thumbnails.  Any idea how to fix this?  Sorry, I know nothing about CSS.  Thanks for your consideration!

Best, Caleb

Hi,

It looks fine to me?

It looks like you used this CSS to fix?

@media only screen and (max-width: 750px) {
    #projectThumbs .wrapper .project {
        width:100% !important
    }
}