NARRATIVE - how to show 2 rows of product on mobile?

[Logicbomb]

Hi guys i'm adding a "featured collection" section on my homepage but i'd like to have more than 1 product per row on mobile, is it possible to increase the value of the products per row in mobile view? :) thanks! 
here's a screenshot of the "featured collection" section i'm talking about: 

[oscprofessional]

Hello Logicbomb,

You are using narrative theme as there is default feature to show one product on mobile biew.

You need theme customization to display two images on mobile view.

[Jasoliya]

Hi @Logicbomb 

Add this css in Asset->theme.scss file at bottom:

@media only screen and (max-width: 767px) {
      .featured-collection .card:nth-child(2n+1) {  clear: both; }
      .featured-collection .card{width:50%;float: left;padding-left: 5px;}
    }

[Logicbomb]

thank you @Jasoliya  i'm gonna try it as soon as i get home :)

[Logicbomb]

@Jasoliya  so apparently code has something wrong, this is how it looks on mobile lol

[Jasoliya]

Send me your store url

[Logicbomb]

@Jasoliya  sure, https://www.logicbombind.com

[Jasoliya]

Add this css:

#shopify-section-1575635968868 .collection-list{ padding: 0;}
#shopify-section-1575635148682 .collection-list{ padding-bottom: 0;}

Note: this css only work for you and if you add and remove section the id will change 

[Logicbomb]

@Jasoliya so i'm adding this to theme.scss at the bottom and then i put the featured collection section on my homepage? 

[Jasoliya]

No just add this css in theme.scss file at bottom. section already added on you store