LcsGa
Explore posts from serversKPCKevin Powell - Community
•Created by yolhan on 8/6/2024 in #front-end
make scroll-snap-type: x mandatory works with scroll-behavior: smooth;
(I'll still double check asap)
60 replies
KPCKevin Powell - Community
•Created by yolhan on 8/6/2024 in #front-end
make scroll-snap-type: x mandatory works with scroll-behavior: smooth;
I'm not in front of my computer but it does it on mobile too + it did even with my dev tools closed (if I'm not wrong, closing it would interrupt the emulation)
60 replies
KPCKevin Powell - Community
•Created by Faker on 11/30/2024 in #front-end
Can we use the DOMContentLoaded event inside an async function?
Like :
- your async function is invoked but pending
- the event is fired
- after a blocking
await resolves, you start listening to the event
=> Since the event firing is happening before starting to read it, you missed it6 replies
KPCKevin Powell - Community
•Created by Faker on 11/30/2024 in #front-end
Can we use the DOMContentLoaded event inside an async function?
An event is missed if not listened in time
6 replies
KPCKevin Powell - Community
•Created by Faker on 11/30/2024 in #front-end
Can we use the DOMContentLoaded event inside an async function?
You can try adding some console logs in that event, outside of the async func and one within and you would see which one comes first
6 replies
KPCKevin Powell - Community
•Created by Faker on 11/30/2024 in #front-end
Can we use the DOMContentLoaded event inside an async function?
Hey! Some of your awaited stuff in your async function may simply be done after the Dom content loaded
6 replies
KPCKevin Powell - Community
•Created by yolhan on 8/6/2024 in #front-end
make scroll-snap-type: x mandatory works with scroll-behavior: smooth;
Maybe it simply don't work on the html selector 🤔 I'll try something else tomorrow (am on phone rn)
60 replies
KPCKevin Powell - Community
•Created by yolhan on 8/6/2024 in #front-end
make scroll-snap-type: x mandatory works with scroll-behavior: smooth;
Hey! While I was playing a little with modern CSS features on chrome, I faced the same issue with this small GitHub achievements reproduction 😕 https://codepen.io/lcsga/pen/ZYzzxOV
60 replies
KPCKevin Powell - Community
•Created by LcsGa on 7/28/2024 in #front-end
grid-template-rows with named columns for advanced/flexible/automatic layouts
Hey! Thank you for your answer! This is exactly what I was looking for => Are there come techniques I don't know with grids that would be "better"/"easier" than playing with selectors/paddings! => not atm (maybe never, and it's 100% okay)! 😄
16 replies
KPCKevin Powell - Community
•Created by LcsGa on 7/28/2024 in #front-end
grid-template-rows with named columns for advanced/flexible/automatic layouts
Nobody has an idea? @Kevin it is inspired of one of your videos, maybe you have some answers/hints for me?
16 replies
KPCKevin Powell - Community
•Created by LcsGa on 7/28/2024 in #front-end
grid-template-rows with named columns for advanced/flexible/automatic layouts
For examle, if I want to space the p from the image, I need to add a margin-top to it instead of "simply" adding a gap on the card (wich is something I could "easily" do in my stackblitz example)
16 replies
KPCKevin Powell - Community
•Created by LcsGa on 7/28/2024 in #front-end
grid-template-rows with named columns for advanced/flexible/automatic layouts
I could also do this, overriding the
grid-template-rows, but it feels a little less flexible that with the padding-block16 replies
KPCKevin Powell - Community
•Created by LcsGa on 7/28/2024 in #front-end
grid-template-rows with named columns for advanced/flexible/automatic layouts
(Also if you want to see a more concrete use case of what I'm trying to improve, you can take a look at this little technical test I made and partly implemented. To deal with the top/bottom gutters, I currently have block paddings and I override them if needed, but I feel like I could do something better!)
16 replies
KPCKevin Powell - Community
•Created by LcsGa on 7/28/2024 in #front-end
grid-template-rows with named columns for advanced/flexible/automatic layouts
(In the end, I'm trying to find the limits of grids 😅 If I must go with a wrapper there is no problem at all 😜)
16 replies
KPCKevin Powell - Community
•Created by LcsGa on 7/28/2024 in #front-end
grid-template-rows with named columns for advanced/flexible/automatic layouts
I could of course make it work by removing the
repeat function, with always 3 rows, just like for the columns, then always have the content within a wrapper where I would have all of the control I'd like to, but I'd like to avoid that if there is a way to achieve the same thing without it16 replies
KPCKevin Powell - Community
•Created by LcsGa on 7/28/2024 in #front-end
grid-template-rows with named columns for advanced/flexible/automatic layouts
16 replies
KPCKevin Powell - Community
•Created by LcsGa on 7/28/2024 in #front-end
grid-template-rows with named columns for advanced/flexible/automatic layouts
As you can see, I don't have any named columns, and the rows, doesn't work as I expect them to, at all (no gutter at all)
16 replies
KPCKevin Powell - Community
•Created by LcsGa on 7/28/2024 in #front-end
grid-template-rows with named columns for advanced/flexible/automatic layouts
I made a codepen with the code shown in my screenshots https://codepen.io/lcsga/pen/dyBOqGg?editors=1100
16 replies
KPCKevin Powell - Community
•Created by LcsGa on 7/28/2024 in #front-end
grid-template-rows with named columns for advanced/flexible/automatic layouts
16 replies
KPCKevin Powell - Community
•Created by LcsGa on 7/28/2024 in #front-end
grid-template-rows with named columns for advanced/flexible/automatic layouts
The thing is that I would like the same behavior with the rows BUT the difference here is that I would have a first and the last rows being some spaces, and I'd like the content to, by default, be within it
16 replies