JSFiddle - React, Tailwind, and code Playground

HTML

<div class="msg">
    only have a little bit text
</div>

CSS

html,body{
	background: linear-gradient(to right top, #336e7b 0%, #8e44ad 50%, #e74c3c 100%) repeat scroll 0 0 #abb7b7;
	margin:0;
	padding:0;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
    height: 100%
}
.msg{
    height:200px;
    display:block;
}