index.html

<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<title>CoronaVirus</title>
	<link rel="stylesheet" href="style.css">
	<link href="https://fonts.googleapis.com/css2?family=Raleway:wght@400;700;800&display=swap" rel="stylesheet">
</head>

<body>
	<h3 class="date">WEDNESDAY, MARCH 11</h3>
	<h1>Top News</h1>

	<div class="horizontal-scroll">
		<div class="card1">
			<img class="card" src="https://www.aljazeera.com/mritems/imagecache/mbdxxlarge/mritems/Images/2020/2/28/ede06e6ea9fd44c19e7fd1b05405e047_18.jpg">
			<h3>ECONOMY</h3>
			<h2>India’s economy downshifts as<br>coronavirus fallout looms</h2>
		</div>
		<div class="card2">
			<img class="card" src="https://img.theweek.in/content/dam/week/news/india/images/2020/3/4/coronavirus-india-rep-image-hyd.jpg">
			<h3>NOIDA</h3>
			<h2>Coronavirus: Panic in Noida sees<br>price of N95 masks reach Rs 500</h2>
		</div>
		<div class="card3">
			<img class="card" src="https://www.aljazeera.com/mritems/imagecache/mbdxxlarge/mritems/Images/2020/3/9/4b106c4e34db45ed8a134cd341f10938_18.jpg">
			<h3>MUMBAI</h3>
			<h2>Misinformation, fake news spark<br>India coronavirus fears</h2>
		</div>
	</div>


</body>

</html>