vctls/bottom_aligned_divs_inverted_wrapping.html

## bottom_aligned_divs_inverted_wrapping.html
<body>
<html lang="en">
<style type="text/css">
    .container {
        height: 300px;
        background: darkgrey;
        resize: both;
        overflow: auto;
        display: flex;
        flex-wrap: wrap-reverse; /* Wraps from bottom right to top left. */
        justify-content: space-between; /* Keeps divs right and left alignment when NOT wrapping. */
    }

    .bottomLeft {
        background: orange;
        height: 100px;
        width: 500px;
    }

    .bottomRight {
        background: purple;
        height: 100px;
        width: 500px;
        margin-top: 100%; /* Keeps bottom alignment when wrapping. */
        margin-left: auto; /* Keeps right alignment when wrapping. */
    }
</style>
<body>
<div class="container">
    <div class="bottomLeft"></div>
    <div class="bottomRight" style=""></div>
</div>
</body>
</html>
	<body>
	<html lang="en">
	<style type="text/css">
	.container {
	height: 300px;
	background: darkgrey;
	resize: both;
	overflow: auto;
	display: flex;
	flex-wrap: wrap-reverse; /* Wraps from bottom right to top left. */
	justify-content: space-between; /* Keeps divs right and left alignment when NOT wrapping. */
	}

	.bottomLeft {
	background: orange;
	height: 100px;
	width: 500px;
	}

	.bottomRight {
	background: purple;
	height: 100px;
	width: 500px;
	margin-top: 100%; /* Keeps bottom alignment when wrapping. */
	margin-left: auto; /* Keeps right alignment when wrapping. */
	}
	</style>
	<body>
	<div class="container">
	<div class="bottomLeft"></div>
	<div class="bottomRight" style=""></div>
	</div>
	</body>
	</html>