How can I make a gap between slides in a slide-box?


#1

I have dynamic slides with ng-repeat: the slides are different sizes depending on content, and they have borders.

The borders from the larger slides are slightly visible on smaller slides, so there’s two thin little lines hanging off the corners of my slide-box. Also I think a gap would look cleaner with the dynamic sizes.

Any suggestions?


#2

Also I’d like to round the edges of the borders. I tried changing radius of top and bottom corners but it’s not doing anything.


#3

Nevermind. I put my slide’s items inside a div with the card list class to get the look I wanted.