Grid

Community feedback

• 

  P

  Dave Quah•660

  @MilleusPosted over 2 years ago

  hi there o/,

  I think using background-image to add the quotation image is fine. A small change that could help is to define the background-position to start from the top and right with an offset so that scales more consistently with the design.

  e.g.

  background-position: top right 15%;
  /* or you can also do this */
  /* background-position-x: right 15%; */
  /* background-position-y: top; */
  

  Adding the quotation image with <img> element and position absolute works too, but it may require a bit more work. Most likely the text will require adding a z-index and a position: relative (for z-index to work) to place it above the <img> element.

  If using <img> element with position absolute, I would also define the position to start from the top and right with an offset, e.g. top: 0; right: 15%;.

  Hope this helps :)

  Marked as helpful

  2

  ---

  

  Mahmoud Mohamed Abd Elaziz•470

  @ehoda9Posted over 2 years ago

  @Milleus Thanks. :)

  0