Responsive Product Preview Card Component

Community feedback

• 

  Bader Idris•2,880

  @Bader-IdrisPosted over 1 year ago

  some advice on fixing your prices.

  you can put both prices into a div and give that div display: relative, and its children position: absolute;, then you can modify top and left of these prices, especially the crossed one. I hope it's helpful.

  to Summarize:

  div.parent {
    display: relative;
  }
  div.parent .children {
    display: absolute;
  }
  div.parent  :last-child {
    left: 30px ;
  }
  

  1

  ---

  

  Furkan Y.•80

  @frkanyilmaz2Posted over 1 year ago

  @Bader-Idris I tried this but it messed up. I'll try again in a fresh project. Thanks for the info.

  1

  

  Bader Idris•2,880

  @Bader-IdrisPosted over 1 year ago

  @frkanyilmaz2 yeah, it's a bit confusing at first, since we use block and inline-block displaying, but when we handle them well, it'll be a lovely solution👍, have a good one

  1