Flex align items center and to the right

#1

Hi,

I am trying to align two items to the right of the screen using flex, but also have them centered horizontally.

This is what I have:

https://jsfiddle.net/toolman/ojfbLt62/2/

I’ve tried align-items: center which works, but I can’t get them to the right of the screen.

Can anyone tell me how I can do this?

#2
justify-content: flex-end;
2 Likes
#3

Did you mean to the right and centered vertically otherwise your statement makes no sense :slight_smile:

Yes or you could just give a margin-left auto to the first item which will push it all the way across.

.instagram-icon-large{margin-left:auto}

4 Likes
#4

Thank you, that worked :slight_smile: