JSFiddle - React, Tailwind, and code Playground

HTML

<!--menu-->
<a href="#" id="logo"><b>bitchism<br>.</b></a>
<a href="#" id="projects"><b>projects<br>.</b></a>
<a href="#" id="writings"><b>writings<br>.</b></a>
<a href="#" id="contact"><b>.<br>contact</b></a>
<!--menu-->

<div id="first">
<img src="image/circle.gif" style="width:30%;display:inline-block"/> 
<img src="image/cloud3.gif" style="width:30%;display:inline-block"/> 
<img src="image/circle2.gif" style="width:30%;display:inline-block"/>
<br />Testing
</div>

CSS

body
{
	background-color:#FFF;
	background-image:url(image/dot.png);
	background-repeat:repeat;
	font-family: 'VT323', cursive;
	text-align:center;	
}

/*css for links*/

a{
	text-decoration:none;
	color:#F00;
	font-size: 20px;
}

a:hover{
	text-decoration:underline;
}

a:active{
	text-decoration:line-through;
	color:#F00;
}

	
#logo
{
	position:fixed;
	left:50%;
	top:0;
	padding-top:10px;
}



#contact
{
 	position:fixed;
	left:0;
	bottom:0;
	padding-bottom:10px;	
}


#projects
{
	position:fixed;
 	left:0;
	top:50%;
	transform:rotate(-90deg);
	-ms-transform:rotate(-90deg); /* IE 9 */
	-moz-transform:rotate(-90deg); /* Firefox */
	-webkit-transform:rotate(-90deg); /* Safari and Chrome */
	-o-transform:rotate(-90deg); /* Opera */"
	
}

#writings
{
	position:fixed;
 	right:0;
	top:50%;
	transform:rotate(90deg);
	-ms-transform:rotate(90deg); /* IE 9 */
	-moz-transform:rotate(90deg);  /*Firefox */
	-webkit-transform:rotate(90deg); /* Safari and Chrome */
	-o-transform:rotate(90deg); /* Opera */
}

#first
{
	position:fixed;
	top:50%;
    left:50%;
}

JavaScript

function center_div(){
        	$('#projects').css({
			position:'fixed',
			top: ($(window).height() - $('#projects').outerHeight())/2
		});
	
		$('#writings').css({
			position:'fixed',
			top: ($(window).height() - $('#writings').outerHeight())/2
		});	
		
		$('#logo').css({
			position:'fixed',
			left: ($(window).width() - $('#logo').outerWidth())/2
		});
		
		$('#contact').css({
			position:'fixed',
			left: ($(window).width() - $('#contact').outerWidth())/2
		});
		
		$('#first').css({
			position:'fixed',
			top: ($(window).height() - $('#first').outerHeight())/2,
            left: ($(window).width() - $('#first').outerWidth())/2
		});
    }

$(window).load(center_div);
$(window).resize(center_div);