Two columns on smaller screens instead of one column

Hi there. I’m working in Pro and have added a section that has two rows with five images each. On smaller screens this changes to one column. How can I change this so it shows two columns on smaller screens? Thanks.

Hi there,

Please add this code in the Element CSS of the Row:

@media (max-width: 767px) {
  $el .x-column {
    width: 48%;
    float: left;
    margin-right: 4%;
  }
  
  $el .x-column:last-child {
   	margin-right: 0; 
  }
}  

Hope this helps.

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.