<!DOCTYPE html>
<html lang="en" >
<head>
<meta charset="UTF-8">
<title>A Pen by Chris Hutchinson</title>
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<ul class="timeline">
<li class="timeline__point">
<h1>Title</h1>
<p>Text of timeline point that is extra long</p>
<p>Text of timeline point that is extra long</p>
<p>Text of timeline point that is extra long</p>
</li>
<li class="timeline__point">
<h1>Title</h1>
<p>Text of timeline point</p>
</li>
<li class="timeline__point">
<h1>Title</h1>
<p>Text of timeline pointnj</p>
</li>
</ul>
</body>
</html>
/*Downloaded from https://www.codeseek.co/chrishutchinson/a-pen-by-chris-hutchinson-grWWme */
ul.timeline {
margin: 0;
padding: 0;
list-style-type: none;
display: flex;
flex-wrap: wrap;
}
ul.timeline li.timeline__point {
flex-basis: 50%;
}