title: trying to display 4 cards at a time in a one carousel page
body: <p>I am trying to make a slider for my card component. but the problem is I am not able to display them in a proper manner.</p>
  <p>I tried setting the width of <code>Carousel inner</code> from <code>100%</code> to <code>25%</code> but That increases the number of pages in the carousel and shows blank pages when data from my API runs out.
  I want to loop through the data from API and did not want any extra blank pages at the end of the carousel.</p>
  <p>providing the link for codesandbox <a href="https://codesandbox.io/s/sweet-grass-15yook?file=/src/App.js" rel="nofollow noreferrer">Here is the link</a></p>