Grid-Section

Community feedback

• 

  Melvin Aguilar 🧑🏻‍💻•61,140

  @MelvinAguilarPosted 10 months ago

  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!

  Marked as helpful

  1

  ---

  

  SheikBazith•240

  @SheikBazithPosted 10 months ago

  @MelvinAguilar thank you Will make sure to change that

  0
• Account deleted

  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

  Marked as helpful

  0

  ---

  

  SheikBazith•240

  @SheikBazithPosted 10 months ago

  @TeixeiraCamila thank you so much. I will go through the topics and try to implements

  0