@brasspetals
Posted
Hi, Kevin! 👋
Congrats on completing this challenge! This one definitely had some tricky bits.
For the curvy background, I suggest first deleting the .background
div and the two img
tags you have below your header
. Then you can set those styles in your header
instead. Set the background-color
to the one you had in your background div. Then you can set the curvy image as the background-image
and position it with background-position
- I think bottom center
works best in this case . You might have to adjust some padding and margins to make it just right, but generally this should do the trick! In case this is a bit unclear, here's the code I suggest putting in your header
:
background-color: hsl(217, 28%, 15%);
background-image: url("images/bg-curvy-desktop.svg");
background-position: bottom center;
background-repeat: no-repeat;
Hope this helps! Let me know if it works for you and happy coding!