Skip to content

Flex align #96

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Closed
wants to merge 2 commits into from
Closed

Flex align #96

wants to merge 2 commits into from

Conversation

sagban
Copy link

@sagban sagban commented May 14, 2018

Align the flex items at the centre of the container.

div { display: flex; justify-content: center; }
This is the quick and easy way to get your divs aligned.

@AllThingsSmitty
Copy link
Owner

Thanks for the PR. Quick question: does this fully work in IE11?

@sagban
Copy link
Author

sagban commented May 15, 2018

Yes It does work with IE11.
flex

@sagban
Copy link
Author

sagban commented May 16, 2018

Do I have to make any corrections here?

@Genuifx
Copy link

Genuifx commented May 16, 2018

image

image

According to caniuse, CSS flexbox is just partial support.

@AllThingsSmitty
Copy link
Owner

I'm currently reviewing this tip.

@AllThingsSmitty
Copy link
Owner

There's already a section on vertical alignment with a link to a CSS Tricks post on vertical/horizontal aligning anything.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants