Confused Horse
KPCKevin Powell - Community
•Created by Standymix on 11/18/2023 in #front-end
Help fix array mirorring each other issue.
I can't reproduce the issue you're describing. Did you fix it already?
2 replies
KPCKevin Powell - Community
•Created by Confused Horse on 11/18/2023 in #front-end
cqw not a thing yet?
I tested my assumption by swappiung cwq and dvw. And when you do not provide a container, or a containing block (as shown in your example) it defaults to the view port. I didn't test svh/lvh behavior though. I would assume cqh defaults to dvh.
6 replies
KPCKevin Powell - Community
•Created by Confused Horse on 11/18/2023 in #front-end
cqw not a thing yet?
Apparently when looking for "cqw" caniuse shows the static css api method "cqw()" and I didn't pay attention. Also, regarding your point about the container: isn't "body" the default container? Apart from that error message (really don't know what's the deal with that, everything is up to date) it seems to work really well, and I wonder why it's not a commonly used approach.
6 replies
KPCKevin Powell - Community
•Created by Errtu on 11/15/2023 in #front-end
Stuck on getting items to grid wrap.
Something along the lines of this:
https://codepen.io/ConfusedHorse/pen/XWOzWoX
(hover to apply ma max width)
11 replies
KPCKevin Powell - Community
•Created by Errtu on 11/15/2023 in #front-end
Stuck on getting items to grid wrap.
What you're trying to achieve might be easier with
display: flex.11 replies
KPCKevin Powell - Community
•Created by Errtu on 11/15/2023 in #front-end
Stuck on getting items to grid wrap.
Just out of curiousity, why is that a requirement?
11 replies
KPCKevin Powell - Community
•Created by Errtu on 11/15/2023 in #front-end
Stuck on getting items to grid wrap.
However, you're probably looking for a @container query here.
https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_container_queries
11 replies
KPCKevin Powell - Community
•Created by Errtu on 11/15/2023 in #front-end
Stuck on getting items to grid wrap.
Do you have a code pen or something like that?
11 replies
KPCKevin Powell - Community
•Created by Confused Horse on 11/14/2023 in #front-end
Absolute positioned element exceeding (and affecting) scrollable container.
11 replies
KPCKevin Powell - Community
•Created by Confused Horse on 11/14/2023 in #front-end
Absolute positioned element exceeding (and affecting) scrollable container.
Okay, I saved again. And I think I've got a solution here.
11 replies
KPCKevin Powell - Community
•Created by Confused Horse on 11/14/2023 in #front-end
Absolute positioned element exceeding (and affecting) scrollable container.
Apparently my joy was premature :<
11 replies
KPCKevin Powell - Community
•Created by Confused Horse on 11/14/2023 in #front-end
Absolute positioned element exceeding (and affecting) scrollable container.
I think I might have found a solution. Have to test it in a more complex setup though: https://codepen.io/ConfusedHorse/pen/yLZPBNo
11 replies
KPCKevin Powell - Community
•Created by Confused Horse on 11/14/2023 in #front-end
Absolute positioned element exceeding (and affecting) scrollable container.
Looking forward to your ideas!
11 replies
KPCKevin Powell - Community
•Created by Confused Horse on 11/14/2023 in #front-end
Absolute positioned element exceeding (and affecting) scrollable container.
However, both elements do not contain anything else, and it is not necessary to use ::before or ::after.
11 replies
KPCKevin Powell - Community
•Created by Confused Horse on 11/14/2023 in #front-end
Absolute positioned element exceeding (and affecting) scrollable container.
It is a combination of a rotating repeating-linear-gradient and a radial opacity mask with a counter rotating radial-gradient, both using ::before and ::after. This was supposed to be a light weight approach for sun rays.
11 replies