I'm having some display issues with feature image, how can I make this image's width 100% and responsive with the existing code?

Question

This is the site I'm currently working on: http://perlaparra.com/rnr/site/

I've set the width to 100%, and still not displaying in full width. I appreciate any help I can get.

Thank you! P :)

Thanks guys, your answers helped! :) – Perla Mar 08 '16 at 05:03 — Perla, Mar 08 '16 at 05:03

score 0 · Answer 1 · answered Mar 05 '16 at 11:25

0

Because your image is into 'container' class. if you want to set your image 100% full width then bring your image about to 'container' class & add below code in css:

.featured img{width:100%;}

answered Mar 05 '16 at 11:25

Kshiteej Jain

23
5

score 0 · Accepted Answer · answered Mar 05 '16 at 11:57

0

Bootstrap framework gives an width to the .container elements .

please remove this class and also remove left:-10pxfrom .featured div

answered Mar 05 '16 at 11:57

Peter Wilson

4,150
3
35
62

I'm having some display issues with feature image, how can I make this image's width 100% and responsive with the existing code?

2 Answers2