Hi Dinesh,
a bit experimental but you can tru this:
.slideout-navigation .inside-navigation,
.slideout-navigation .inside-navigation .main-nav,
.slideout-navigation .slideout-menu {
height: 100%;
}
.slideout-navigation .slideout-menu {
display: flex;
flex-direction: column;
justify-content: space-between;
}
The justify-content: space-between
will force the elements to fill the column and put equal space between them. You may want to look at the other CSS Flex Justify content rules such as space-around
, space-evenly
and centered