[html]<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
body {
font-family: 'Arial', sans-serif;
text-align: center;
margin: 0;
padding: 10px;
}
.container {
background-image: url('https://i.ibb.co/VBRC7gw/446-20241019221425.png');
padding: 10px; /* Отступы вокруг содержимого */
border-radius: 10px; /* Закругленные углы */
max-width: 800px; /* Максимальная ширина контейнера */
margin: 0 auto; /* Центрирование контейнера */
}
.header {
padding: 14px;
color: white;
font-size: 18px;
font-weight: bold;
text-align: center;
border-radius: 10px;
margin-bottom: 20px;
}
.message-container {
display: flex; /* Используем flex для выравнивания */
justify-content: center; /* Центрируем содержимое */
align-items: center; /* Выравниваем по вертикали */
margin-bottom: 10px; /* Отступ снизу */
border-radius: 1px;
}
.character-image {
height: 200px; /* Ширина изображения */
border-radius: 10px; /* Закругленные углы для изображений */
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); /* Тень по изображению */
margin: 10px;
}
.description {
flex: 1;
width: 250px; /* Установите фиксированную ширину */
margin: 0 1px; /* Отступы слева и справа от текста описания */
background-color: rgba(255, 255, 255, 0.8); /* Полупрозрачный фон для описания */
border-radius: 8px; /* Закругленные углы для блока с описанием */
padding: 20px; /* Отступы внутри блока с описанием */
color: black; /* Цвет текста */
font-size: 12px; /* Размер текста */
line-height: 1.4; /* Межстрочный интервал */
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2); /* Тень для описания */
}
.gridwer {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 20px;
border-radius: 20px;
padding: 20px; /* Увеличенные внутренние отступы */
max-width: 600px; /* Увеличенная максимальная ширина */
</style>
</head>
<body>
<div class="container">
<div class="header">
ПТАХА | ОРУЖЕНОСЕЦ ТЕНЕЙ</div>
<div class="message-container">
<div class="gridwer">
<img src="http://d.zaix.ru/JmKq.jpg" class="character-image">
<div class="description">
Самовлюбленный и высокомерный, ставит себя выше других. Импульсивный, может совершать необдуманные поступки, и упрямый, не отступает от своего мнения. Лицемерит, но только с теми, кто ему выгоден, с остальными может быть дерзок и груб. К тем, кто находится на его стороне, благосклонен. Наслаждается вниманием кошек и кратковременными романами с ними.
</div>
</div></div>
</body>
</html>[/html]
Отредактировано Птаха (2024-10-20 01:35:51)
