Mason8r/yin-yang.html

## yin-yang.html
<!doctype html>
<html>
    <head>
        <title>Find some zen</title>
        <style>
            * {
                margin: 0;
                padding: 0;
            }
            body {
                display:flex;
            }
            div {
                display: flex;
                flex-direction: row-reverse;
                flex: 1;
                height: 100vh;
                align-items: center;
                justify-content: center;
                background: white;
            }
            div:last-child {
                order: 2;
                background: black;
                color: white;
            }
        </style>
    </head>
    <body>
        <div>
            <p>Yin</p>
        </div>
        <div>
            <p>Yang</p>
        </div>
    </body>
</html>
	<!doctype html>
	<html>
	<head>
	<title>Find some zen</title>
	<style>
	* {
	margin: 0;
	padding: 0;
	}
	body {
	display:flex;
	}
	div {
	display: flex;
	flex-direction: row-reverse;
	flex: 1;
	height: 100vh;
	align-items: center;
	justify-content: center;
	background: white;
	}
	div:last-child {
	order: 2;
	background: black;
	color: white;
	}
	</style>
	</head>
	<body>
	<div>
	<p>Yin</p>
	</div>
	<div>
	<p>Yang</p>
	</div>
	</body>
	</html>