Xero' Comments - Answer Overflow

Xero'

•Created by Xero' on 12/12/2023 in #front-end

Can we force a '%' value to be out of height instead of width ?

But i think i'm making it the wrong way. The page contains multiple rows of vertical scrollable elements (like a netflix display or something like that). For what i saw of theses kind of displays, the element are not scrolled on but moved. Might be because of this 'fixed' issue

16 replies

KPCKevin Powell - Community

•Created by Xero' on 12/12/2023 in #front-end

Can we force a '%' value to be out of height instead of width ?

Didn't know these units existed, thats great, thanks !

16 replies

KPCKevin Powell - Community

•Created by Xero' on 12/12/2023 in #front-end

Can we force a '%' value to be out of height instead of width ?

the pen is empty for me

16 replies

KPCKevin Powell - Community

•Created by Xero' on 12/12/2023 in #front-end

Can we force a '%' value to be out of height instead of width ?

No, the two elements are flex container (every dot is a div), and one haves a direction of column and the other of row.

16 replies

KPCKevin Powell - Community

•Created by Xero' on 11/18/2022 in #front-end

Responsive card sizing

ty !

5 replies

KPCKevin Powell - Community

•Created by Xero' on 11/18/2022 in #front-end

Responsive card sizing

didn't know about auto-fit and minmax, thats just so nice

5 replies

KPCKevin Powell - Community

•Created by Xero' on 11/18/2022 in #front-end

Responsive card sizing

i like how every time i discover something in css i feel like it will change why whole life 😄

5 replies

KPCKevin Powell - Community

•Created by Xero' on 11/10/2022 in #front-end

Is there a way to use a clamp as a var ?

there is definitively something i did wrong ^^

8 replies

KPCKevin Powell - Community

•Created by Xero' on 11/10/2022 in #front-end

Is there a way to use a clamp as a var ?

(values are okward but it allows the min value to be reached at 768px wich is my phone breakpoint and max at 1200px)

8 replies

KPCKevin Powell - Community

•Created by Xero' on 11/10/2022 in #front-end

Is there a way to use a clamp as a var ?

*{
  --largeSpacing: clamp(10px, calc(6.94vw - 43.28px), 40px)
}

.exemple1{
  margin-bottom: var(--largeSpacing);
}

.exemple2{
  padding: var(--largeSpacing)
}

*{
  --largeSpacing: clamp(10px, calc(6.94vw - 43.28px), 40px)
}

.exemple1{
  margin-bottom: var(--largeSpacing);
}

.exemple2{
  padding: var(--largeSpacing)
}