Sayaka

On 9/12/2021 at 3:59 AM, tuanphan said:

Do you still need help?

It worked! Thsnks for checking in!

So is this gonna be all the code??

/* CSS FOR TABLET AND MOBILE */
@mobile: ~"only screen and (max-width: 640px)";
@tablet: ~"only screen and (min-width: 641px) and (max-width: 949px)";
/*

/* CSS FOR TABLET */
@media @tablet {
/* Insert Code for Tablet Below This Line*/

  /* Insert Code for Tablet Above This Line */
}

/* CSS FOR MOBILE */
@media @mobile {
/* Insert Code for Mobile Below This Line*/
 .sqs-block-image {
  width: 60%;
  margin: 0 auto;
} 

  /* Insert Code for Mobile Above This Line */
}

@media screen and (max-width:767px) {
.products .list-grid {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    display: grid;
    grid-column-gap: 10px;
    grid-row-gap: 20px;
}
}

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

Hello, I have no knowledge in coding and this is very difficult for me...

There are two things I want to do:

1) make images on the homepage smaller on mobile

2)add column to the product page on mobile so that there are 2 columns of product selection. (Currently i see a huge pic of one product at a time) I want to make it look like atached pic. 

When I added a code for 1), it worked, but when i added a code for 2) right below the code for 1), it didn't work. 

I'm not even sure whether i can add multiple code for mutiple purposes, but if anyone could help me out, I really appreciate it!