Untitled

<!doctype HTML>
<html>
	<head>
		<title>What Went Wrong With Indonesia’s Tsunami Early Warning System — The New York Times</title>
		<meta charset="utf-8">
		<link rel="stylesheet" type="text/css" href="css/story2.css">
		<link href="https://fonts.googleapis.com/css?family=Noto+Serif" type="text/css" rel="stylesheet">
	</head>
	<body>

		<article>

			<h1>What Went Wrong With Indonesia’s<br> Tsunami Early Warning System</h1>

			<h2>By ANJALI SINGHVI, BEDEL SAGET and JASMINE C. LEE <time>OCT. 2, 2018</time></h2>

			<figure>
				<img src="https://static01.nyt.com/newsgraphics/2018/10/02/tsunami-warning/7cce31ab0dbd07d613a6ed8054879e0b88d69297/wani.jpg" alt="Aerial photo of the Indonesian coast.">
				<figcaption>A ship was stranded amid the destruction Monday after an earthquake and tsunami hit Donggala, Indonesia, near the mouth of Palu Bay on the island of Sulawesi. <span>Antara Foto/Reuters</span></figcaption>
			</figure>

			<p>In the <a href="https://www.nytimes.com/interactive/2018/10/01/world/asia/map-tsunami-indonesia.html">aftermath</a> of the Friday earthquake and ensuing tsunami that destroyed thousands of homes and killed more than 1,200 people on the island of Sulawesi in Indonesia, officials are beginning to sort out what went wrong with the country’s early warning system for tsunami detection.</p>

			<p>Indonesia’s system, completed in 2008, consists of seismographic sensors, buoys, tidal gauges and GPS. None of these measures were able to adequately predict the scale of Friday’s tsunami, which reached heights of 20 feet in the city of Palu, south of the earthquake’s epicenter.</p>

		</article>

	</body>
</html>


article {
	font-family: 'Noto Serif';
	margin: 80px auto;
	width: 1050px
}

img {
	width: 100%
}

h1 {
	font-size: 34.56px;
	text-align: center
}
h2 {
	font-size: 11px;
	text-align: center
}

figcaption {
	color: #444;
	font-size: 13px
}
span {
	color: #777;
	font-size: 11px
}

p {
	line-height: 28px;
	margin: 0 auto;
	margin-bottom: 20px;
	width: 460px
}

a {
	color: #326891
}


@media only screen and (max-width: 600px) {
	article {
		margin-top: 20px;
		width: 100%
	}
	p {
		width: 100%
	}
	h1, h2 {
		text-align: left
	}

	figure {
	    margin-inline-start: 0;
	    margin-inline-end: 0
	}
}