-1

I have created the following codepane using the react-flickity-component to show case images:

initial view when i resize the browser the margin between the images changes and disappears

after resize

no matter what i do next except refreshing the page the margin between the images will be gone

if i add a margin-right:10px to the carousel-cell the the margin doesn't disappear codepan:

after margin right

but the margin size is not consistent if i resize the browser window:

with margin right and resize

it can be larger or smaller when i resize the browser into different sizes

any idea on how to solve this issue?

amos guata
  • 89
  • 10

2 Answers2

2

May be late to the party here. Just add margin-right: 10px to your .carousel-cell class in your stylesheet.

Perla Perez
  • 71
  • 1
  • 4
0

You can try padding: 1%, or use % in your margins

G.Mestanza
  • 41
  • 7
  • using % dosen't help, i want the margin to be consistent on init and after resizing the browser windows. using % gives different sizes of spaces when resizing the window – amos guata Jan 14 '20 at 06:21