Dev_HK
Explore posts from serversKPCKevin Powell - Community
•Created by Dev_HK on 3/11/2025 in #front-end
how to tell on grid break; the last element take full grid col

4 replies
KPCKevin Powell - Community
•Created by Dev_HK on 3/10/2025 in #front-end
UI is quite hard to debug idk what's causing this overflow

39 replies
KPCKevin Powell - Community
•Created by Dev_HK on 3/5/2025 in #front-end
why isn't the toggle respected in transition
19 replies
KPCKevin Powell - Community
•Created by Dev_HK on 2/27/2025 in #front-end
Genuinely HELP
i don't know why but this took me 2 days and i feel like i can't make a simple slider;
plain js & i struggled like shit
anyway, im selecting a div that has image figures and i do the following in js
https://pastecord.com/epakesyqyx.sc
4 replies
KPCKevin Powell - Community
•Created by Dev_HK on 2/23/2025 in #front-end
why these cards in flex seem to be not in the same height

25 replies
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
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

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

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

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

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

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

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)

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
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

3 replies
KPCKevin Powell - Community
•Created by Dev_HK on 11/19/2024 in #front-end
svgs aren't responsive as i thought

28 replies