Flex align items center and to the right

HTML & CSS
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:

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:

5

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.