Mobile Responsiveness - Portfolio Custom Grid

I'm attempting to have my portfolio grid show in 2 columns on mobile, but still fit inside the one "full page row" such as it is on desktop

@media only screen and (max-width: 479px) {  .vc_basic_grid .vc_grid.vc_row .vc_grid-item.vc_visible-item, .vc_media_grid .vc_grid.vc_row   .vc_grid-item.vc_visible-item {      display: inline-block!important;      width: 50%;  }  

On some mobiles the grid goes into 2 columns but is squashed to the left side of the screen - and only using up half the screen for the two columns. On other devices, the portfolio grid blocks are so tiny you cannot even see the featured image.

Companies Slide - View Portfolio Grid

https://stackoverflow.com/questions/66126008/mobile-responsiveness-portfolio-custom-grid February 10, 2021 at 03:43AM