Struggling to position div at bottom of flex container

HTML-CSS
#1

Hi guys,

How can I get my social-media-btns container to sit at the bottom of my .inner-flex-container?

I have ‘center’ applied to the .title-card so I thought I could just use ‘align/flex-self’ to take it out of ‘center’ but I cannot.

I’m unsure why it won’t move, it’s in a div within the flex container.

Cheers.

#2

Add:

.social-media-btns {
  ...
  flex: 1;
  align-items: flex-end;
}

And you’ll probably will need to add margin to container.

1 Like
#3

That’s some witch craft. This will come in very handy.

Thank you.