@samoina
Posted
Hi @saitenhexer,
I checked your code and noticed you used the background position for the circles on the page, at the top and bottom.
Just sharing that you might also consider using the z-index. So, essentially, the z-index allows us to place items 'in front' of each other. This way, an item with a higher z-index will stack in front of another with a lower z-index.
In my code, I placed the circle images directly in the body, and then everything else in the profile under 'main'. I then styled the 'main' section to give it a higher z-index so that it'd appear stacked infront of the circles.
.main {
width: 20rem;
text-align: center;
border-radius: 10px;
z-index: 1;
}
Hope this is insightful.
Happy coding!
Marked as helpful