Background image | SoloLearn: Learn to code for FREE!

0

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

+3

Post your code

+2

Joe Trotter next time please share code from your code playground. https://code.sololearn.com/WF3IK7hg3WAZ/?ref=app

0

Joe Trotter feel free to post your code here

0

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