Breaking News: Grepper is joining You.com. Read the official announcement!

react-multi-carousel equal spacing issue

Coding Era answered on February 22, 2022 Popularity 7/10 Helpfulness 2/10

answer react-multi-carousel equal spacing issue

react-multi-carousel equal spacing issue

Comment

Adding below command with css resolved my issue

npm install semantic-ui-react semantic-ui-css

After install, import the minified CSS file in your app's entry file:
Inside index.js or any file where carousel is used

import 'semantic-ui-css/semantic.min.css'

...
.image-item {
  padding-left: 10px;
}
...

....
....
...
<Carousel
        ....
        itemClass="image-item"
		...
      >

Popularity 7/10 Helpfulness 2/10 Language javascript

Source: Grepper

Tags: javascript react-multi-carousel spacing

Link to this answer
Share Copy Link

Contributed on Feb 22 2022

Coding Era

0 Answers Avg Quality 2/10

Continue with Google

By continuing, I agree that I have read and agree to Greppers's Terms of Service and Privacy Policy.

react-multi-carousel equal spacing issue

Contents

More Related Answers

react-multi-carousel equal spacing issue

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.