Please help my image is not responsive

what am i missing.

Images cannot resize by default, the image box is created with the dimensions of the image being brought in. Something that can be done to make them responsive is to specify a width/height in CSS. Play around with that a bit and see what you can come up with.

Thank you, i already styled the width/height in css but it’s still is not aligning when viewed on mobile that is why am confused.

Just visited your codepen, and the css is broken, I can see spelling mistakes and wrong values to properties. Fix the CSS and then we shall move on to make the image responsive.

1 Like

There’s several mistakes and you took the wrong approach if you want this to go mobile.

You can send me a direct message & I’ll help you with any part of this webpage.

1 Like