Line wrap

	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>This site is ready</title>
	<style>
	* { box-sizing: border-box; }
	body {
	margin: 0;
	font-family: Arial, sans-serif;
	background: #f5f6f8;
	color: #17263b;
	}
	.notice {
	background: #fff;
	padding: 16px 24px;
	text-align: center;
	border-bottom: 1px solid #ddd;
	font-size: 14px;
	}
	.card {
	width: min(590px, calc(100% - 32px));
	margin: 200px auto 40px;
	padding: 40px;
	background: white;
	border: 1px solid #e1e5eb;
	border-radius: 16px;
	}
	.check {
	display: grid;
	place-items: center;
	width: 48px;
	height: 48px;
	border-radius: 50%;
	background: #e7efff;
	color: #3975ff;
	font-size: 27px;
	}
	h1 { font-size: 27px; }
	.domain { color: #60738f; }
	p { line-height: 1.7; }
	@media (max-width: 600px) {
	.card {
	margin-top: 80px;
	padding: 25px;
	}
	}
	</style>
	</head>
	<body>
	<div class="notice">
	Your website is ready to be published.
	</div>
	<main class="card">
	<div class="check">✓</div>
	<h1>This site is ready</h1>
	<div class="domain">https://www.seidrgard.com/</div>
	<p>
	Nothing has been published here yet.
	Please check back soon.
	</p>
	<hr>
	<p>
	Is this your site? Upload your files using
	File Manager or SFTP to publish your website.
	</p>
	</main>
	<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/vce701823e78c4301a35b7e07294d87301792088814092" integrity="sha512-UKNk8GbxkABxKcXYuLkO16EleLGUkcvJWtpSNmExE0Too3ZaFAxTscNWEc1OdAv5/BikHawapSCaiD2XCmp+Bw==" data-cf-beacon='{"version":"2024.11.0","token":"1c1571cd1e474edbb6b8543d7f2f2cf4","r":1,"spa":2}' crossorigin="anonymous"></script>
	</body>
	</html>