Figure 1. Animation demonstrating state layer implementation.
Aligning children only works on elements with one of the following classes:
.display__flex-h
.display__ flex-v
.display__ grid set.
/* Item Alignment */
.align-items__stretch {
align-items: stretch;
}
.align-items__center {
align-items: center;
}
.align-items__top {
align-items: flex-start;
}
.align-items__start {
align-items: flex-start;
}