I want to create a flexbox component that spacing between each child components and the spacing between parent and child are all the same. It's similar to 'space-evenly' but i don't want to use static height value in flexbox. How can I create this flexbox?
<Col> {/* child components */}</Col>
I tried 'gap' property to make it but it doesn't contain space between parent component and child component.I also tried 'space-evenly' option in 'justify-content' property but it doesn't have any space unless i put a static value of height.What should I do for spacing evenly and automatically adjusting height as child component's height at the same time?