justfrast Comments - Answer Overflow

justfrast

Posts Comments

KPCKevin Powell - Community

•Created by justfrast on 8/4/2024 in #front-end

Media Query Not Working

It's working, thanks Jochem.

35 replies

KPCKevin Powell - Community

•Created by justfrast on 8/4/2024 in #front-end

Media Query Not Working

Never knew pointer: coarse exists. I'll push it and test it on actual devices.

35 replies

KPCKevin Powell - Community

•Created by justfrast on 8/4/2024 in #front-end

Media Query Not Working

I think I got it to work with

@media (pointer: coarse)
  {
    .media {
      display: none;
    }
  }

@media (pointer: coarse)
  {
    .media {
      display: none;
    }
  }

35 replies

KPCKevin Powell - Community

•Created by justfrast on 8/4/2024 in #front-end

Media Query Not Working

I'm running from VScode and just inspecting element in safari, could this be a potential error?

35 replies

KPCKevin Powell - Community

•Created by justfrast on 8/4/2024 in #front-end

Media Query Not Working

Thank you that clarifies it, still have to get it to work though.

35 replies

KPCKevin Powell - Community

•Created by justfrast on 8/4/2024 in #front-end

Media Query Not Working

I thought this is what this meant

article {
    display: flex;
    flex-direction: row;
    width: fit-content;
    height: fit-content;
    transform-origin: top left;
    transform: rotate(90deg) translateY(-100vh);
  }

article {
    display: flex;
    flex-direction: row;
    width: fit-content;
    height: fit-content;
    transform-origin: top left;
    transform: rotate(90deg) translateY(-100vh);
  }

35 replies

KPCKevin Powell - Community

•Created by justfrast on 8/4/2024 in #front-end

Media Query Not Working

I will check that out.

35 replies

KPCKevin Powell - Community

•Created by justfrast on 8/4/2024 in #front-end

Media Query Not Working

so no matter how I rotate the page, height will always be straight up

35 replies

KPCKevin Powell - Community

•Created by justfrast on 8/4/2024 in #front-end

Media Query Not Working

Is media qeury based on the body or is it based on the axises.

35 replies

KPCKevin Powell - Community

•Created by justfrast on 8/4/2024 in #front-end

Media Query Not Working

/* custom cursor */
@media (max-height: 420px)
  {
    .media {
      display: none;
    }
  }

.cursor {
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%);
  border-radius: 90%;
  pointer-events: none;
  z-index: 111;
  border: 3px solid white;
  background: white;
  transition: all 0.2s ease-out;
  animation: moveCursor1 .5s infinite alternate;
  mix-blend-mode: difference;
  }

.expand {
  background: #FF004D;
  animation: moveCursor2 forwards;
  border: 1px solid #FF004D;
}

/* custom cursor */
@media (max-height: 420px)
  {
    .media {
      display: none;
    }
  }

.cursor {
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%);
  border-radius: 90%;
  pointer-events: none;
  z-index: 111;
  border: 3px solid white;
  background: white;
  transition: all 0.2s ease-out;
  animation: moveCursor1 .5s infinite alternate;
  mix-blend-mode: difference;
  }

.expand {
  background: #FF004D;
  animation: moveCursor2 forwards;
  border: 1px solid #FF004D;
}

35 replies

KPCKevin Powell - Community

•Created by justfrast on 8/4/2024 in #front-end

Media Query Not Working

35 replies

KPCKevin Powell - Community

•Created by justfrast on 8/4/2024 in #front-end

Media Query Not Working

Thanks for the feedback, I'll fix that right away.

35 replies

KPCKevin Powell - Community

•Created by justfrast on 8/4/2024 in #front-end

Media Query Not Working

I commented it out to show that there's the custom cursor. When I uncomment it and go into responsive mode, it doesn't react the way I expected it to.

35 replies

KPCKevin Powell - Community

•Created by justfrast on 8/4/2024 in #front-end

Media Query Not Working

https://codepen.io/g0ldl/pen/PormRYG

35 replies

KPCKevin Powell - Community

•Created by justfrast on 8/4/2024 in #front-end

Media Query Not Working

I've tried that too. My page is a horizontal scroll so I don't know if that affects the media query.

35 replies

KPCKevin Powell - Community