<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>База</title>
<style>
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
margin: 0;
font-family: system-ui, sans-serif;
line-height: 1.5;
color: #1e1e2e;
background: #fff;
}
img, picture, video, canvas, svg { display: block; max-width: 100%; }
input, button, textarea, select { font: inherit; }
.container {
width: min(100% - 2rem, 64rem);
margin-inline: auto;
}
</style>
</head>
<body>
<div class="container">
<h1>Чистый лист</h1>
<p>Добавляйте секции внутрь <code>.container</code>.</p>
</div>
</body>
</html>
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>База</title>
<style>
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
margin: 0;
font-family: system-ui, sans-serif;
line-height: 1.5;
color: #1e1e2e;
background: #fff;
}
img, picture, video, canvas, svg { display: block; max-width: 100%; }
input, button, textarea, select { font: inherit; }
.container {
width: min(100% - 2rem, 64rem);
margin-inline: auto;
}
</style>
</head>
<body>
<div class="container">
<h1>Чистый лист</h1>
<p>Добавляйте секции внутрь <code>.container</code>.</p>
</div>
</body>
</html>