Начал учить CSS, попробовал позумить сайт, получилось, что блок с контентом контузило. Что-то нагуглил, но не особо помогло.
Как сделать так, чтобы всё оставалось как на 100% масштабировании? Вот как вк, например
И ещё как наладить скроллл при приближении и сделать так, чтобы надписи оставались как на 100% масштабе?
div{
border: 5px solid;
text-align: center;
font-size: 25px;
font-family: Arial;
margin-left: 500px;
margin-right: 500px;
background-color: white;
}
body{
background-image: url(hei.jpg);
background-repeat: no-repeat;
background-size: cover;
position: fixed;
}
.heading{
position: relative;
}
img{
border: 5px dashed;
}
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Мой блог</title>
<link rel="stylesheet" type="text/css" href="index.css">
</head>
<body>
<div>
<h1 class="heading">Это блог пользователя Lawliet</h1>
<h2 class="heading under">Добро пожаловать</h2>
<figure>
<img src="CDHWDIQikTQ.jpg" width="100%">
<figcaption class="heading fig">Здесь я собираюсь делиться важной
информацией,обсуждать насущные темы, производить
наблюдения и так далее</figcaption></figure>
</div>
</body>
</html>
Средний
