Pricing list on mobile

Site URL: https://www.lindakovasin.com/fine-art-printit

I have a pricing list on my clients site. How can I keep the same styling and structure on mobile too? There should be size and price next to each other. 

1 hour ago, ilonapoutanen said:

Site URL: https://www.lindakovasin.com/fine-art-printit

I have a pricing list on my clients site. How can I keep the same styling and structure on mobile too? There should be size and price next to each other. 

try

@media only screen and (max-width: 768px) {
  #block-yui_3_17_2_1_1615548428851_10657 + .sqs-row .sqs-col-2 {
    width: 25% !important;
    float: left !important;
  }
  #block-yui_3_17_2_1_1615548428851_10657 + .sqs-row .sqs-col-4 {
    width: 25% !important;
    float: left !important;
  }
  #block-yui_3_17_2_1_1615548428851_10657 + .sqs-row .sqs-col-4 .spacer-block {
   display: block;
  }
}

It worked first but then I removed some spacers and now it doesn't work anymore.

9 hours ago, ilonapoutanen said:

It worked first but then I removed some spacers and now it doesn't work anymore.

Because the css is based on the spacer to select the row that contains the price list, when you remove them then it make the code invalid

On 3/16/2021 at 11:46 PM, ilonapoutanen said:

It worked first but then I removed some spacers and now it doesn't work anymore.

Do you still need help? We will check again.

No thanks! I decided to go with another setup. 🙂