Всем привет, никак не могу понять, как сделать страницу как на фото, может кто помочь?
Может кто-нибудь подсказать, как сделать страницу наполовину чёрного цвета и как добавить поверх цветов изображение+текст? (как на фото)
P.S. Если это элементарно, то прошу не судить строго, я начинающий верстальщик.
Ответы (1 шт):
Автор решения: Вадим
→ Ссылка
Ставите блоку-родителю градиентный фон, а в дочернем блоке размещаете Вашу фотографию и надписи
body {
background: linear-gradient(#fff 0 50%, #000 0 100%);
display: flex;
justify-content: center;
align-items: center;
}
div{
width: 500px;
height: 300px;
border: 5px solid #ff0000;
}<body>
<div></div>
</body>Примерно так выглядит:
Блок с красными бордерами - дочерний