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

0 vote193 views1 answer
Responsive typography
CSS
1 vote199 views1 answer
Css custom bullet list
CSS
0 vote192 views1 answer
Css print landscape
CSS
0 vote187 views1 answer
Inline list css without floats
CSS
1 vote221 views3 answers
How to place a table in center in css
CSS
0 vote191 views1 answer
Como fazer uma linha vertical no html
CSS
29 votes211 views5 answers
Kill all ports
CSS
1 vote197 views1 answer
Mysqli load result into array
CSS
22 votes195 views2 answers
Rgb white
CSS
74 votes241 views6 answers
Display flex
CSS