How Do I Get My Background Images of Parent and Nested Div to Scale Responsively

[artcode]

Hi, I don’t know how to get my background divs of both my parent and nested divs to scale responsively… you can view my code here: https://jsfiddle.net/TewodrosMakonnen/11kd2q2s/#&togetherjs=Grr5v8KGEA

I posted my CSS code here as well, but jsFiddle kept saying, “Unable to render preview” You can checkout my full code at the jsfiddle link provided above!

Thanks in advance for the help!

[Paulie_D]

We’d prefer a minimal demo, in Codepen.io rather than a JSFiddle without anything that isn’t related to the problem.

So we don’t need the JS for instance since this is a styling issue..not a functionality one.

[artcode]

Ok, here is my CodePen:

https://codepen.io/IDCoder/pen/KZqNdr

I want to find out how do I set up my mobile-first min-width media-query to achieve the desired effect of the all the pictures or only the motorcylce helmet picture to scale from small to large from mobile to desktop. I also want the buttons to remain in the same exact positions as that happens. Thankyou so much for your help?

[DidierAubin87]

following. I want to know too

[Author]

Posts