Tailwind / Phoenix Live View | img tag not loading on larger screen sizes

Viewed 24

I've been having an issue with an image tag on a portfolio site I'm building

For whatever reason the image populates on the screen only when the screen is under 1024 in width.

I'm not sure if it's an issue with Tailwind or an issue with Phoenix given that the class changes I've been making don't seem to show up when inspecting the page after loading the page.

I'm pretty new to both Phoenix and Tailwind so any help is greatly appreciated.

  <div class="absolute inset-0">
    <div class="absolute inset-y-0 right-0 w-1/2">
      <img class="object-fit h-56 w-full absolute-right h-full rounded-3xl" src={Routes.static_path(@conn, "/images/jpl-pic.jpg")} alt="">
    </div>
  </div>
0 Answers
Related