13eck Comments - Answer Overflow

You can only pass in one value to the resolve/reject functions. If you need to pass in multiple values then you'll have to wrap them in an object, array, etc and pass that one container value to the next step in the sequence

122 replies

KPCKevin Powell - Community

•Created by eliaxelang007 on 1/15/2025 in #front-end

Is there something like `object-fit: contain` for non-replaced elements?

Then set the height on the existing layout container

37 replies

KPCKevin Powell - Community

•Created by snxxwyy on 1/14/2025 in #front-end

Promise questions

Promises are a one-shot thing. Like plastic bags from the grocery store. Get your shit home and throw it out lol

122 replies

KPCKevin Powell - Community

•Created by eliaxelang007 on 1/15/2025 in #front-end

Is there something like `object-fit: contain` for non-replaced elements?

No, use CSS. Adding JS for convienence is bad practice. Why don't you want to use viewport units to set the height of the parent container?

37 replies

KPCKevin Powell - Community

•Created by snxxwyy on 1/14/2025 in #front-end

Promise questions

The only reason I can ever see putting a promise in a variable is when partially applying some args. But if you're dealing with the raw promise…never store it. You're not gonna use it again so it's just wasted memory.

122 replies

KPCKevin Powell - Community

•Created by snxxwyy on 1/14/2025 in #front-end

Promise questions

Yeah, well, that's JS for ya 🤷

122 replies

KPCKevin Powell - Community

•Created by snxxwyy on 1/14/2025 in #front-end

Promise questions

Right, once you break out of the chain you're no longer "passing" the promise value, you're just using an already-resolved Promise…which as you show, does nothing

122 replies

KPCKevin Powell - Community

•Created by eliaxelang007 on 1/15/2025 in #front-end

Is there something like `object-fit: contain` for non-replaced elements?

You're not going to be able to remove the viewport unit dependancies. By default, block-level elements take up only as much vertical room as the content requires. In this case, there is no content so the elements shrink to literally nothingness. If you want there to be content-less height you use vh. Or even if you want there to be contentful height, you use vh to set that initial full-height containing block.

37 replies

KPCKevin Powell - Community

•Created by eliaxelang007 on 1/15/2025 in #front-end

Is there something like `object-fit: contain` for non-replaced elements?

inline is just a logical property. For RTL, TTB languages like English it's the same as width so yeah, that's fine. As for the calc function, I made a few adjustments to the pen. have a look

37 replies

KPCKevin Powell - Community

•Created by eliaxelang007 on 1/15/2025 in #front-end

Is there something like `object-fit: contain` for non-replaced elements?

👍

37 replies

KPCKevin Powell - Community

•Created by eliaxelang007 on 1/15/2025 in #front-end

Is there something like `object-fit: contain` for non-replaced elements?

The aspect ratio was interacting weirdly with setting both a max inline size and max block size, so I removed the block size and re-did the calculation for the inline size

37 replies

KPCKevin Powell - Community

•Created by eliaxelang007 on 1/15/2025 in #front-end

Is there something like `object-fit: contain` for non-replaced elements?

Ok, refresh the pen. I think I fixed it

37 replies

KPCKevin Powell - Community

•Created by eliaxelang007 on 1/15/2025 in #front-end

Is there something like `object-fit: contain` for non-replaced elements?

Not sure why you're not getting the same results as I am on Chrome

37 replies

KPCKevin Powell - Community