# if - else - if statement 
  
  

ul li a:hover {
	background-color: black;
}


  const Tasks = () => {





div1 {
	width: 20%;
	height: 300px;color: gray;
	background: red;
	float: left;
}




.div2 {
	width: 20%;
	height: 300px;
	background: orange;
	float: left;
}





.div3 {
	width: 20%;
	height: 300px;color: red;
	background: pink;
	float: left;
}





.div4 {
	width: 20%;
	height: 300px;color: white;
	background: black;
	float: left;
}





div1 {
	width: 20%;
	height: 300px;color: gray;
	background: red;
	float: left;
}




.div2 {
	width: 20%;
	height: 300px;
	background: orange;
	float: left;
}




.div3 {
	width: 20%;
	height: 300px;color: red;
	background: pink;
	float: left;
}





.div4 {
	width: 20%;
	height: 300px;color: white;
	background: black;
	float: left;
}



div1 {
	width: 20%;
	height: 300px;color: gray;
	background: red;
	float: left;
}





.div2 {
	width: 20%;
	height: 300px;
	background: orange;
	float: left;
}




.div3 {
	width: 20%;
	height: 300px;color: red;
	background: pink;
	float: left;
}




.div4 {
	width: 20%;
	height: 300px;color: white;
	background: black;
	float: left;
}


