How to deal with 33% items in iPhone5 resolution

Hi !

I’ve a little issue with list of items with 33% width.
In the case of iPhone5 resolution, there is a little right margin.

Use this codepen and set the item-width to “33.33333%” :

you could use chrome to emulate the iphone5 width.

Do you have any solution to deal with this issue ?


@marlburrow Did you try to use:

ion-content padding=“false” ?

Thanks for your reply @Devniz .

As you can see on this codepen, this attribute seems not change anything in my case :

With padding=“false”

Don’t forget to resize your screen width to 320px or 640px or just by using chrome device emulation with iPhone5 preset.

Have a look at this codepen = The right padding is slightly removed but I think it’s not HTML or CSS issue, you have to play with the width of your loaded images to hide this white-gap.

As you can see on this screenshot, your codepen hasn’t solved the issue, there is again a 1px margin :frowning:

I think it’s because 320 can’t be exactly divided by 3, but what can i do ?

Slightly removed the padding

So yes it’s not resolved.

Yes, i’ll try to investigate again to solve it.

Thank you very much for your help