@Caius-Scipio
Posted
Great job on completing the challenge! The background images also gave me issues. What helped me complete my challenge was adding this line to the body style:
body {
background: url(../images/bg-pattern-top.svg) bottom [##]vh right [##]vw no-repeat, url(../images/bg-pattern-bottom.svg) top [##]vh left [##]vw no-repeat;
}
Just play around with the numbers to get it just right and you should be golden.
Additionally, it appears that the centering is a bit off. I found using these lines in the body to be really effective:
body {
display: grid;
place-items: center;
}
You can still use flexbox in other areas. I did. Again, great job and keep practicing!
Marked as helpful