Background image

Question

i tried giving my showcase area ID its own container with a width of 100 % and both of these things made my background image cover the entire area but the problem im running into now is that its not responsive and when i shrink the screen the image kind of disappears what is causing this

Answer 1

Post your code

Answer 2

Joe Trotter next time please share code from your code playground.

https://code.sololearn.com/WF3IK7hg3WAZ/?ref=app

Answer 3

Joe Trotter feel free to post your code here

Answer 4

<section id="showcase">
<div class="container">
<h1>Affordable Proffesional Web Design</h1>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce suscipit consequat augue eu aliquam. Suspendisse vitae magna vel velit facilisis gravidaLorem ipsum dolor sit amet,
</p>
</div>
</section>

.container{
width:80%;
margin:auto;
overflow:hidden;
}

#showcase{
min-height:400px;
background:url('../img/showcase.jpg') no-repeat 0 -400px;
text-align: center;
color:#ffffff;
}