rumbelina
KPCKevin Powell - Community
•Created by rumbelina on 3/20/2024 in #front-end
Dynamic scroll with fade in/out
I am attempting to create a dynamic scroll, where a single paragraph and corresponding image are displayed one at a time. As you scroll, the first paragraph/image is replaced by the second with a fade transition. I can't seem to get only one paragraph and image to show at a time. Would appreciate any help and if there is a cleaner way to do this with a React component or similar happy to explore that too! https://codepen.io/mycenas/pen/oNOZgoR
2 replies
KPCKevin Powell - Community
•Created by rumbelina on 2/16/2024 in #front-end
How can I expand each box wider with flex-grow?
https://codepen.io/mycenas/pen/NWJodRE
I have created 4 rows of 3 boxes with flex, and on click a flex-grow property is applied. No matter how much I increase the number, the boxes will only expand a small amount. I want the clicked box to expand to take up approx 2/3rds of the row, and the other 3 boxes on the row shrink to accommodate it.
3 replies
KPCKevin Powell - Community
•Created by rumbelina on 2/15/2024 in #front-end
How do I align both rows of this flex container?
The box on the second row is one pixel wider than the first. Why are they not perfectly aligned? https://codepen.io/mycenas/pen/BabvqrJ
3 replies