JSFiddle - React, Tailwind, and code Playground

by tightman

HTML

<footer>
	<div class="footer-wrapper">
		<div class="footer-trees-bg"></div>
		<div class="sponsoring-wrapper"></div>
		<div class="footer-address-wrapper">
            <p>
                Adresse
            </p>
		</div>
	</div>
</footer>

CSS

footer {
    clear: both;
	margin: 0 auto;
	width: 940px;
	height: 320px;
    background-color: #d9dada;
    border: solid red;
}
.footer-wrapper {
    position: relative;
    height: 240px;
}
.footer-trees-bg {
	background: url('http://www.blogtogo.de/wp-content/uploads/wallpaper-2446558.jpeg') no-repeat;
	height: 321px;
	background-position: 430px;
}
.sponsoring-wrapper {
	position: absolute;
	width: 480px;
	bottom: 0px;
}
.footer-address-wrapper {
	position: absolute;
	bottom: 0px;
	right: 0px;
    color: #ffffff;
}