Grid-Section

Hello there 👋. Good job on completing the challenge !

I have other answer about your question.

You can update the background-position. Currently, you are placing the image 25rem from the left edge, which is quite substantial and a fixed property. You could change it to:

background-position: right 18% top;

This means it should be placed on the right side, at 18% from the right edge, and at the top. This way, it will always stay on the right without being hidden.

I hope you find it useful! 😄

Happy coding!

Hi, congrats on completing the challenge.

One way to add the quotes image is by using pseudo-elements, :after or :before in the purple div and use the image as content, and play whit the top/bottom/right/left to make the position you want. Something like

.purple__div::after {
  content: url(quote-image);
  position: absolute;
  top: 0;
  right: 25%;
}

Note: English is not my native language, so sorry for anything