image cover size slider
- Dominant language
- JavaScript
- Stars
- 11.9k
- Forks
- 2.1k
- PR merge metrics
- No merged PRs in 30d
Description
hii
how could I get my image to be 100% of my slider's height and width and fit something like backgroundSize: Cover
my code:
```
export default class App extends Component {
render() {
// eslint-disable-next-line no-var
var settings = {
dots: true,
infinite: false,
speed: 500,
slidesToShow: 1,
slidesToScroll: 1,
initialSlide: 0,
arrows: true,
autoplay: true,
responsive: [
{
breakpoint: 1024,
settings: {
slidesToShow: 1,
slidesToScroll: 1,
infinite: true,
dots: true,
},
},
{
breakpoint: 600,
settings: {
slidesToShow: 1,
slidesToScroll: 1,
initialSlide: 2,
},
},
{
breakpoint: 480,
settings: {
slidesToShow: 1,
slidesToScroll: 1,
},
},
],
};
return (
Responsive
);
}
```
my result:
Contributor guide
Assessment
This issue has not been assessed yet.