Efosa Collins EVBOWE• 365
@efecollins
Submitted
There are no questions now but I need a whole lot of feedback. Thanks.
Helder Balbino
@HelderBalbino
All comments
- Helder Balbino• 45
@HelderBalbino
Posted
Hello Collins
Answering your questions, you can make an SVG as a background img using the normal css property: background-image: url(images/bg-pattern-bottom.svg),
I've tried doing that using the imgs as background-image, but It was too hard for me to get the desired design, so I found that it's better to put the images on the html and use them inside a div with position: absolute , and the set a parent div with position: relative
my solution to the problem;
section .background { height: 100%; width: 100%; overflow: hidden; position: relative; }
.background div:nth-of-type(1) { position: absolute; top: -425px; left: -350px; }
.background div:nth-of-type(2) { position: absolute; bottom: -550px; right: -300px; }
Hope my explanation helps you! feel free to ask for help anytime :)
1
