Background image | Sololearn: Learn to code for FREE!
Nouvelle formation ! Tous les codeurs devraient apprendre l'IA générative !
Essayez une leçon gratuite

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

8th May 2020, 11:00 PM
Joe Trotter
Joe Trotter - avatar
4 Réponses
+ 3
Post your code
8th May 2020, 11:01 PM
Mustafha Ahmad
Mustafha Ahmad - avatar
+ 2
Joe Trotter next time please share code from your code playground.
9th May 2020, 2:18 AM
Calvi’≤ - avatar
Joe Trotter feel free to post your code here
8th May 2020, 11:13 PM
BroFar - avatar
<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; }
9th May 2020, 12:24 AM
Joe Trotter
Joe Trotter - avatar