Dev_HK Posts - Answer Overflow

Topics

Dev_HK

Explore posts from servers

KPCKevin Powell - Community SSolidJS

KPCKevin Powell - Community

•Created by Dev_HK on 2/21/2025 in #front-end

why can't an flex-item just get the height of the flex-container until specifically added

soo i have a flex container with items & i want to set the parent container to be min-height:24rem & the flex-item's height be height 100% but it doesn't do anything until i manually set the height on the parent one solution is to keep inheriting from parent to childrent like

.parent{
  min-height:24rem;
}
.children{
  min-heigth:inherit;
}

.parent{
  min-height:24rem;
}
.children{
  min-heigth:inherit;
}

but what if i'm in 3 lvls deep & why doesn't it just get it, compute the height and get the value of it calc 100%

4 replies

KPCKevin Powell - Community

•Created by Dev_HK on 2/16/2025 in #front-end

How do you see this can be implemented

No description

9 replies

KPCKevin Powell - Community

•Created by Dev_HK on 2/7/2025 in #front-end

How to do this kind of scroll of cards

No description

3 replies

KPCKevin Powell - Community

•Created by Dev_HK on 1/31/2025 in #front-end

now vh doesn't apply to view's height

No description

12 replies

KPCKevin Powell - Community

•Created by Dev_HK on 1/30/2025 in #front-end

i can't get the height size of the child accurately

https://codepen.io/hzk-0210181/pen/YPKOMoW check on mobile (576px>) i was able to do this in this website i've built https://buildup.ma/#contact-us-anchor

18 replies

KPCKevin Powell - Community

•Created by Dev_HK on 1/29/2025 in #front-end

why does my content keeps getting smaller instead of adaptable to the device's width

No description

24 replies

KPCKevin Powell - Community

•Created by Dev_HK on 1/29/2025 in #ui-ux

i don't know how i can do responsive on a design

No description

15 replies

KPCKevin Powell - Community

•Created by Dev_HK on 1/21/2025 in #front-end

how to make the grid items not grow based on the parent's sibling

No description

6 replies

KPCKevin Powell - Community

•Created by Dev_HK on 12/20/2024 in #front-end

How to debug css for different mobile browsers (iphone/android)

No description

4 replies

KPCKevin Powell - Community

•Created by Dev_HK on 12/18/2024 in #front-end

how to fix the LCP with text

so i'm using vite in laravel to bundle the whole thing; so far i've managed to do different optimizations myself, but this one i couldn't figure out, basically my desktop scores at 99 in lighthouse but in mobile it scores 82 which is not bad but when i checked (i thought it might be a large image or something) turns out it's a p tag; i mean how, especially when i provide a fallback font until i load the custom one (woff2) i'll share with you the code https://pastecord.com/ynomomitih.coffee

1 replies

KPCKevin Powell - Community

•Created by Dev_HK on 12/4/2024 in #front-end

is there anyway i can tell the margin-left to shrink based on the viewport width

meaning at first it's like 15%,but when i reach a certain breakpoint (at 768px) i switch the layout to grid-template-column:1fr instead of

grid-template-columns:[start] 4rem [start-row-2] 50% [seperator-row-1] 4rem [seperator-row-2] 50% [end-row-1] 4rem [end]

grid-template-columns:[start] 4rem [start-row-2] 50% [seperator-row-1] 4rem [seperator-row-2] 50% [end-row-1] 4rem [end]

the smaller the viewport gets; the smaller margin-left should be until it reaches to 0 like if it's a 576px it should be 5% but if it's 460px it should be 0 idk how to do that dynamically without making too many breakpoints

5 replies

KPCKevin Powell - Community

•Created by Dev_HK on 12/3/2024 in #front-end

the animated text doesn't follow the flow of H1

i have an issue with the animated text; basically it doesn't follow the h1 flow, what i want to do is make an animation that's infinitely scrollable; https://codesandbox.io/p/sandbox/fnlkxd (start from line 115 in main.css) so part of the problem is me using display block; because it doesn't work with display inlines; i don't know how to do it properly the animation with also the text flow

5 replies

KPCKevin Powell - Community

•Created by Dev_HK on 11/29/2024 in #front-end

inverse width in relation of the viewport

i want to grow an image based on the vw the bigger the screen, the smaller the icons until they reach a certain vw (100vw) and if the screen is smaller (1440px & lower) the img width increases

5 replies

KPCKevin Powell - Community

•Created by Dev_HK on 11/26/2024 in #front-end

Review my css & tell me how can i do responsive better

No description

3 replies

KPCKevin Powell - Community

•Created by Dev_HK on 11/19/2024 in #front-end

svgs aren't responsive as i thought

No description

28 replies

KPCKevin Powell - Community

•Created by Dev_HK on 11/17/2024 in #front-end

i wanna know if i'm doing css responsive wrong

No description

6 replies

KPCKevin Powell - Community

•Created by Dev_HK on 11/14/2024 in #front-end

why isn't overflowX:hidden isn't being applied when toggling device toolbar

so i want to test the design breakpoints so that i can apply the different break points; but something bugs me; the device toolbar (the thing that had a laptop & mobile icon in the chrome devtools) isn't respecting the overflowX:hidden; rule applied in body; i wanna do responsive but i don't know how to do it if i can't focus

9 replies

KPCKevin Powell - Community

•Created by Dev_HK on 11/10/2024 in #front-end

transition being bumpy

https://pastecord.com/yjezopazam.js

15 replies

KPCKevin Powell - Community

•Created by Dev_HK on 11/6/2024 in #front-end

how is it absolute position is outside of the doc structure yet still i'm getting this composition

No description

1 replies

KPCKevin Powell - Community

•Created by Dev_HK on 11/5/2024 in #front-end

issues with svg being resized based on their parent flexbox

No description

20 replies