IFE HTML10

In this example below you will see how to do a IFE HTML10 with some HTML / CSS and Javascript

Thumbnail
This awesome code was written by 1206189299, you can see more from this user in the personal repository.
You can find the original code on Codepen.io
Copyright 1206189299 ©
  • HTML
  • CSS
<!DOCTYPE html>
<html lang="en" >

<head>
  <meta charset="UTF-8">
  <title>IFE  HTML10</title>
  
  
  
      <link rel="stylesheet" href="css/style.css">

  
</head>

<body>

  <div class="container">
		<div class="one"></div>
		<div class="tow"></div>
		<div class="three"></div>
		<div class="four"></div>
	</div>
  
  

</body>

</html>

/*Downloaded from https://www.codeseek.co/1206189299/ife-html10-rywaWY */
		.container{
			box-sizing: border-box;
			display: flex;
			border: 1px solid gray;
			flex-direction: row;
			flex-wrap: wrap;
			justify-content: space-between;
			align-items: center;
			min-height: 395px;
		}
		.container > div {
			width: 150px;
			border: 1px solid gray;
			margin: 20px;
		}
		.one{
			height: 120px;
		}
		.tow{
			height: 100px;
		}
		.three{
			height: 40px;
		}
		.four{
			height: 200px;
		}

Comments