@mixin row($x-axis: flex-start, $y-axis: center) {
    display: flex;
    flex-direction: row;
    justify-content: $x-axis;
    align-items: $y-axis;
}

@mixin col($x-axis: flex-start, $y-axis: center) {
    display: flex;
    flex-direction: column;
    justify-content: $y-axis;
    align-items: $x-axis;
}

%row {
    @include row();
}

%row-center {
    @include row(center, center);
}

%col {
    @include col();
}

%col-center {
    @include col(center, center);
}