mirrors/denis.ergin
1
0
Fork 0
mirror of https://github.com/TheTaz25/denis.ergin.git synced 2025-07-12 02:18:47 +00:00
Code Activity

feat(slides): add slides for advanced css selectors

Browse source
This commit is contained in:
Denis Ergin 2024-11-25 17:06:01 +01:00
parent b65ca0cc4c
commit 48333ff207
8 changed files with 1086 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

33
src/components/slides/css-selectors-advanced/nth-box.astro Normal file
View file

@ -0,0 +1,33 @@
---
interface Props {
amount: number
}
const { amount } = Astro.props;
---
<div class="flex">
{ new Array(amount).fill(0).map((_, index) => (
<div class="child">
{ index + 1 }
</div>
)) }
</div>
<style>
.flex {
display: flex;
justify-content: center;
gap: 1rem;
}
.child {
background: lightgray;
min-height: 150px;
min-width: 150px;
display: flex;
justify-content: center;
align-items: center;
}
</style>