Change from viewport size to div size

[mattsafaii]

Can this be used as the background for a Hero section instead of covering the entire viewport.

Is that possible?

[mattsafaii]

Nevermind I figured it out.

I went to node_modules > react-background-slider > dist > index.js and changed the height in css.

[mattsafaii]

Is there a way to add a media query to the node_modules > react-background-slider > dist > index.js file?

I tried adding a media query for the mobile height under: "#ReactBackgroundSlider > figure {\n height: 800px;\n...

My goal is for a height of 800px on desktop and 600px on mobile.

[u2ix]

It's possible to query the screen size inside React and based on that pass different sized images to the component. For example see this blog here.