Caio Marcellus Posts - Answer Overflow

Caio Marcellus

•Created by Caio Marcellus on 8/23/2024 in #front-end

Broken images do not respect css?

I am using a headless cms approach, and my backend got hacked -.- I noticed something: when image links are broken, besides the obvious effect of them not appearing, they won't respect our CSS. I am using grid, I am setting img as block and the whole max-width 100% thing, and I tested with huge placeholder images, but they fit as I would expect. Broken links generate overflow though. Why is that? Is there a workaround?

17 replies

KPCKevin Powell - Community

•Created by Caio Marcellus on 9/13/2023 in #front-end

Grid auto-fit

Hello! I am trying to make two different columns in grid become one without using media queries. I want one of them to be 1fr and the other auto. The one that is auto should never be smaller than 10rem, and the main one shouldnt be smaller than 20rem. I tried this, but it doesnt work. repeat(auto-fit, minmax(20rem, 1fr) minmax(10rem, auto))

43 replies

KPCKevin Powell - Community

•Created by Caio Marcellus on 5/12/2023 in #front-end

Backdrop-filter doesn't work unless I set opacity on color

So, I am trying to apply glassmorphism to a page, and I noticed that if I use

background-color: #000000;
opacity: 0.5;
backdrop-filter: blur(4px)

background-color: #000000;
opacity: 0.5;
backdrop-filter: blur(4px)

it won't work. Now, if I set

background-color: #00000088;
backdrop-filter: blur(4px)

background-color: #00000088;
backdrop-filter: blur(4px)

it works! Why is that? I don't find a reasonable explanation on the documentation

34 replies

Gaming

Programming