Css flex bottom

You can use auto margins

Prior to alignment via justify-content and align-self, any positive free space is distributed to auto margins in that dimension.

So you can use one of these (or both):

p { margin-bottom: auto; } /* Push following elements to the bottom */
a { margin-top: auto; } /* Push it and following elements to the bottom */
Show code snippet

Alternatively, you can make the element before the a grow to fill the available space:

p { flex-grow: 1; } /* Grow to fill available space */

Similar codes

1 vote156 views1 answer
Webkit css
CSS
9 votes146 views3 answers
Fix textarea size
CSS
0 vote170 views1 answer
Flex basis
CSS
0 vote131 views1 answer
Purge tailwind 3
CSS
10 votes140 views3 answers
Underline css animation
CSS
7 votes135 views3 answers
Circle button css
CSS
18 votes171 views2 answers
Hand property css
CSS
0 vote129 views2 answers
Update Arch Linux
CSS
2 votes136 views2 answers
Box shadow css transition
CSS
0 vote130 views1 answer
Style scroll react csss
CSS