Dev_HK Posts - Answer Overflow

Dev_HK

Explore posts from servers

KPCKevin Powell - Community SSolidJS

Posts Comments

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

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

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

KPCKevin Powell - Community

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

i wanna know if i'm doing css responsive wrong

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

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

20 replies

KPCKevin Powell - Community

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

how feasible is this in css

8 replies

KPCKevin Powell - Community

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

sometimes i don't know how to use css correctly

5 replies

SSolidJS

•Created by Dev_HK on 5/29/2024 in #support

deploying a solid js app in render while consuming a backend api

if i'll need to make the code into production & i have the backend url hosted,

const BACKEND_URL_API=process.env.BACKEND_URL_API;
const BACKEND_URL=process.env.BACKEND_URL;

const BACKEND_URL_API=process.env.BACKEND_URL_API;
const BACKEND_URL=process.env.BACKEND_URL;

and in the env file i have this

BACKEND_URL="https://python-fastapi.onrender.com"
BACKEND_URL_API="https://python-fastapi.onrender.com/api"

BACKEND_URL="https://python-fastapi.onrender.com"
BACKEND_URL_API="https://python-fastapi.onrender.com/api"

1 replies

SSolidJS

•Created by Dev_HK on 5/27/2024 in #support

Modularizing Components

how would you tackle this, right now i have two different components as pages & now requirements i'm having is that for the third page of the app i'll be using the first page, then the second page the flow of the third page will be to display the table in the first page until he clicks on the CIN, then we display all the products bought from that user, should i make components for the tables and in the props to take params like enableActions to display the crud icons for that specific thing ? https://github.com/ismailelghazi/python_fastapi_react

5 replies

Gaming

Programming