.grandParentContaniner{
    display:table; height:100%; margin: 0 auto;
}
.parentContainer{
    display:table-cell; vertical-align:middle;
    min-width: 450px;
}

div[class$="-update"] > h1
{
    text-align: center;
    width: 100%;
}
div[class$="-create"] > h1, div.center_div > h1
{
    text-align: center;
    width: 100%;
}
div.center_div {
    display: flex;
    text-align: center;
    justify-content: center;
    width: 100%;
}
div.center_div2 {
    display: flow-root;
    text-align: center;
    justify-content: center;
    width: 100%;
}
.tileparent
{
    display:flex;
    flex-wrap:wrap;
}

.tileparent article
{
    display:flex; align-items: center; height:10em; width:10em; text-align:center;
    background-color:#efeeee;
    margin-bottom:10px;
    margin-right:10px;
    padding:30px;
    box-sizing:border-box;
    justify-content: center;
    flex-flow: wrap;
    height: fit-content;
    width: fit-content;
    max-width: 245px;
}

.break {
    flex-basis: 100%;
    height: 0;
}