JSFiddle - React, Tailwind, and code Playground

HTML

<body>
	<div class="wrapper">
		<footer>
			<div class="footer_block1">
				<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Placeat, assumenda, vel, inventore rem quaerat mollitia minus praesentium commodi voluptatem quam excepturi tenetur nesciunt voluptatibus. Repellat maiores velit quas illo impedit!</p>
			</div>
			<div class="footer_block2">
				<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Modi fugiat suscipit commodi quis officiis porro soluta animi possimus? In, quidem, nostrum excepturi a necessitatibus architecto reprehenderit voluptatum velit voluptatibus mollitia.</p>
			</div>
		</footer>
	</div>
</body>

CSS

.wrapper {
	min-width: 70%;
	width: 960px;
	max-width: 90%;
	margin: 0 auto;
}

footer {
	height: 15%;
	width: 100%;
}

footer p {
	padding: 30px 70px 30px 70px;
}

	.footer_block1, .footer_block2 {
		float: left;
		width: 50%;
		height: 100%;
	}

	.footer_block1 {
		background-color: #ddd;
		color: #333;
	}

	.footer_block2 {
		background-color: #bbb;
		color: #fff;
	}