Bowser
Explore posts from serversKPCKevin Powell - Community
•Created by Bowser on 7/11/2024 in #front-end
CSS Grid cell highlighting without HTML elements
Thought of ::before and ::after, but that would only make two cells, and also thought of having a background image with the grid but yeah it is very ugly to have an image for that grid view and probably just cumbersome
8 replies
KPCKevin Powell - Community
•Created by Bowser on 6/7/2024 in #front-end
Wrap grid columns with grid area
both good approaches thx
7 replies
KPCKevin Powell - Community
•Created by Bowser on 6/7/2024 in #front-end
Wrap grid columns with grid area
bump
7 replies
KPCKevin Powell - Community
•Created by Eighth on 5/2/2024 in #front-end
Replace
you can use this too https://www.phind.com/search?home=true
77 replies
KPCKevin Powell - Community
•Created by Eighth on 5/2/2024 in #front-end
Replace
https://regexr.com/, and ChatGPT is also really good for generating Regex
77 replies
KPCKevin Powell - Community
•Created by Bowser on 4/21/2024 in #front-end
Position grid behind other items
for the items
30 replies
KPCKevin Powell - Community
•Created by Bowser on 4/21/2024 in #front-end
Position grid behind other items
All that I currently have would work fine if I did not need to resize everything, but this sibling logic is required so I can make use of column span of css grid
30 replies
KPCKevin Powell - Community
•Created by Bowser on 4/21/2024 in #front-end
Position grid behind other items
And each row has 12 columns (12 drop zones)
30 replies
KPCKevin Powell - Community
•Created by Bowser on 4/21/2024 in #front-end
Position grid behind other items
Both are an n amount of items.
My current logic is that the amount of droppable items is multiplied by
24 to dynamically get more dropzones when you create new items.30 replies
KPCKevin Powell - Community
•Created by Bowser on 4/21/2024 in #front-end
Position grid behind other items
Squarespace for example does this
30 replies
KPCKevin Powell - Community
•Created by Bowser on 4/21/2024 in #front-end
Position grid behind other items
I would have made it that all drop zones come first and then all draggable elements, no blocks of one and then the other
30 replies
KPCKevin Powell - Community
•Created by Bowser on 4/21/2024 in #front-end
Position grid behind other items
However, in reality, it might be easier to have the drop-zone and item next to each other in the html rather than in blocks of 12.Because it simplifies CSS?
30 replies
KPCKevin Powell - Community
•Created by Bowser on 4/21/2024 in #front-end
Position grid behind other items
but maybe there is a better way
30 replies
KPCKevin Powell - Community
•Created by Bowser on 4/21/2024 in #front-end
Position grid behind other items
So the only solution I could think of is to have the indiviual items and zones to be siblings
30 replies
KPCKevin Powell - Community
•Created by Bowser on 4/21/2024 in #front-end
Position grid behind other items
30 replies
KPCKevin Powell - Community
•Created by Bowser on 4/21/2024 in #front-end
Position grid behind other items
and more than 12 items
30 replies
KPCKevin Powell - Community
•Created by Bowser on 4/21/2024 in #front-end
Position grid behind other items
I basically need this for an infinite amount of rows
30 replies
KPCKevin Powell - Community
•Created by Bowser on 4/21/2024 in #front-end
Position grid behind other items
oof then I cannot use this solution
30 replies