Center an elm-ui Element Horizontally and Vertically

Flavio Corpa
InstructorFlavio Corpa

Share this video with your friends

Send Tweet
Published 3 years ago
Updated 3 years ago

To showcase the power of elm-ui, in this lesson we will show how incredibly easy it is to center an element both horizontally and vertically on a screen with elm-ui, since this is a typical problem while doing regular CSS.

Instructor: [0:00] Now that we have our elements in place, let's keep one of them and let's remove the styling that came by default. We apply centerX and it centers horizontally, and centerY and it centers vertically as well.

[0:19] This is how easy it is to center an element horizontally and vertically with Elm UI.