Background image | SoloLearn: Learn to code for FREE!


Background image

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

5/8/2020 11:00:16 PM

Joe Trotter

4 Answers

New Answer


Post your code


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


Joe Trotter feel free to post your code here


<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; }