Product Preview Card Component TailwindCSS

Community feedback

• 

  wannacode•720

  @kwngptrlPosted over 1 year ago

  Doesn't seem to work on Firefox. The image is squished to the left, occupying about 1/4 of the container. It is good on Chrome. In Firefox devtools, if I uncheck...

  .w-1\/2 {
    width: 50%;
  }
  

  ...then it works, but that messes up Chrome because the image occupies the whole container now.

  Marked as helpful

  1

  ---

  

  P

  Jeremy Helsel•670

  @JIH7Posted over 1 year ago

  @kwngptrl Thank you! I need to start testing in Firefox more often. I'll have to take a look and see if I can find a style that works for both or selectively apply style based on browser.

  0

  

  P

  Jeremy Helsel•670

  @JIH7Posted over 1 year ago

  @kwngptrl Just fixed this! Thanks again. I found a way to selectively apply a style for Firefox.

  @-moz-document url-prefix() {
      @media (min-width: 768px) {
          img.hidden {
              width: auto;
          }
      }
  }
  

  0

  

  wannacode•720

  @kwngptrlPosted over 1 year ago

  @JIH7 Yup, that did the trick!

  1