Kevin Powell
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
Gonna make a really quick YT video about this, it's a common problem 😄
6 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
in this case,
align-content: start should work, I believe6 replies
KPCKevin Powell - Community
•Created by i_lost_to_loba_kreygasm on 1/21/2025 in #front-end
Is it possible to animate ::marker which has content defined explicitly ?
pseudo-elements don't have a
display type by default, so they need something to tell them how to render on the page.
Giving them a position does that, which is why you need the position: absolute there.
You can also use declare a display value... or, if the parent is flex or grid, that makes them a grid or flex item, so they'll appear then too.
(all assuming you have content as well).10 replies
KPCKevin Powell - Community
•Created by Bingo Bandit on 1/17/2025 in #front-end
What's the best way to style 45 bevel corners?
sort of, yes 🙂 . It's different from using
grid-template-columns: inherit, because it uses the actual grid lines, so the children can also impact the layout too.44 replies
KPCKevin Powell - Community
•Created by Bingo Bandit on 1/17/2025 in #front-end
What's the best way to style 45 bevel corners?
I probably could do a single video looking at everything, but I do have a lot comparing flex and grid
44 replies
KPCKevin Powell - Community
•Created by Bingo Bandit on 1/17/2025 in #front-end
What's the best way to style 45 bevel corners?
And a lot more on flex and grid as well 🙂
44 replies
KPCKevin Powell - Community
•Created by Bingo Bandit on 1/17/2025 in #front-end
What's the best way to style 45 bevel corners?
Got lots of content on it 😊
https://www.youtube.com/playlist?list=PL4-IK0AVhVjM4Kjqw_zN-Y3neCFXWPDJ2
44 replies
KPCKevin Powell - Community
•Created by Bingo Bandit on 1/17/2025 in #front-end
What's the best way to style 45 bevel corners?
Would love to, but I donno what the new ones are 😆
44 replies
KPCKevin Powell - Community
•Created by Bingo Bandit on 1/17/2025 in #front-end
What's the best way to style 45 bevel corners?
Your clip path is using percentages, and 5% on the x axis will be bigger than 5% on the y axis, because it's wider than it is tall.
It's why I used calcs for everything, making sure to keep it consistent
44 replies
KPCKevin Powell - Community
•Created by lanszelot on 1/17/2025 in #front-end
Grid question
Ah! I see now, thanks 🙂
I think you'll have to turn off the height: 100vh (though right now that really breaks things)
EIther that, or more styling to make each section more independent, and more obviously scrolls
32 replies
KPCKevin Powell - Community
•Created by lanszelot on 1/17/2025 in #front-end
Grid question
okay... now I'm not completely sure waht the problem is, lol
32 replies
KPCKevin Powell - Community
•Created by lanszelot on 1/17/2025 in #front-end
Grid question
k, that's perfect. Is there a parent element inside of the
names grid area, or is it just all the names?32 replies
KPCKevin Powell - Community
•Created by lanszelot on 1/17/2025 in #front-end
Grid question
give it to the entire container
32 replies
KPCKevin Powell - Community
•Created by lanszelot on 1/17/2025 in #front-end
Grid question
logical version of vh
32 replies
KPCKevin Powell - Community
•Created by lanszelot on 1/17/2025 in #front-end
Grid question
You'll want a height on the .container too. The grid cells will be as big as they need to be. If it has a
max-height: 100vb the 1fr will fill up to that height then.32 replies
KPCKevin Powell - Community
•Created by Bingo Bandit on 1/17/2025 in #front-end
What's the best way to style 45 bevel corners?
Should be fine, the "border" is "inside" the element.
Or do you mean the content inside the element, like if the text is longer? if that's what you mean, it's using padding, so it gets bigger/smaller with the text
44 replies
KPCKevin Powell - Community
•Created by Bingo Bandit on 1/17/2025 in #front-end
What's the best way to style 45 bevel corners?
unless it's a border-image, but then I can't imagine the corner dimensions would be adaptable/resposive
44 replies
KPCKevin Powell - Community
•Created by Bingo Bandit on 1/17/2025 in #front-end
What's the best way to style 45 bevel corners?
If it is an assignment of some sort, I'd really like to know what the solution is, using a border or outline 😅
44 replies
KPCKevin Powell - Community
•Created by Bingo Bandit on 1/17/2025 in #front-end
What's the best way to style 45 bevel corners?
that's just so you can adapt it with the sliders 😛
44 replies
KPCKevin Powell - Community
•Created by Bingo Bandit on 1/17/2025 in #front-end
What's the best way to style 45 bevel corners?
i didn't use an outline or border though...
44 replies