Dawn theme 2.0 center collection list section - mobile

[Galya25]

Hi everyone,I would greatly appreciate the help of the experts!
How can I center the collection list section and the card content in mobile?
Dawn Theme 2.0

[Galya25]

https://albastore.co.il/?fts=0

password: 123456

[Kani]

Hi @Galya25

1: Online store > themes > Actions > Edit code > Assets > base.css

2: paste code at last

if you want full width section, pls use this code

@media screen and (max-width: 989px){
.grid--1-col-tablet-down .grid__item {
    width: 100%;
    max-width: 100%;
}
}

if you want to keep current width setting， then use this code

@media screen and (max-width: 989px){
.grid--1-col-tablet-down .grid__item {
    margin: 0 auto;
}
}

[Galya25]

Thank you very much for the detailed answer,
I followed the steps you presented and this is the result:

Do you have another idea?

[Kani]

did you save your code? I can’t see it

[Kani]

why there is javascript in your css code

and I dont know why you add those line

[Galya25]

1. In base.css I changed line 996 = list-style: landscape;

2, To reduce the proportions of the images, I changed line 55- max-width: 50% -

[Galya25]

I am the manager of the site, and I am renovating the code because the client added codes and javascript on her own
The stripes (====) are her way of marking the lines she added as an addition to the original code.

1. Should I delete the sign ===== ?
2. Is there an accepted way to mark new lines of code that are added?

Thank you very much for your time

** @Kani **

[Galya25]

[Kani]

Hi @Galya25

you can check it here