Rachel Johnson• 510
@rachelktyjohnson
Posted
Hi NT-Squared, thanks for sharing your solution. It's looking great!
I love the solution that you went with by using ::before and ::after and giving each an absolute position that is still responsive. When I was doing this challenge myself I almost went that way because I wanted to use absolute positioning.
Another way that you can do this is to give body two background-image and background-position properties, like so:
background-image: url("images/bg-pattern-top.svg"), url("images/bg-pattern-bottom.svg");
background-position: left 50vw top 40vh, right 46vw bottom 50vh;
It does the job in 2 lines!
Marked as helpful
0
NT-squared• 110
@nt-squared
Posted
Thanks, Rachel! Your advice is so helpful 👍
0
