Как правильно позиционировать элементы в css

Question

вот простой код с картинкой, как сделать эту картинку таким образом:

.main_picture{
     size: 10%;
     padding: 0;
     margin: 0;
     }

    <p class='main_picture'>
<img src="https://wikiway.com/upload/hl-photo/5e6/40f/most-adolfa_17.jpg" alt='pic.png'>
    </p>

Answer 1

.main_picture{
     height: 30%;
     padding: 0;
     margin: 0;
     margin: 0 20px;
     overflow: hidden;
     }
     
 div{
 height: 100vh;
 position: relative;
 }
 h1{
 text-align: center
 }
 .main_picture img{
  height: 100%;
  width: 100%;
 }

<div>
<p class='main_picture'><img src="https://wikiway.com/upload/hl-photo/5e6/40f/most-adolfa_17.jpg" alt='pic.png'></p>

 <h1>Тут ваш сайт</h1>
</div>

БЛОГ НА HUSL

Как правильно позиционировать элементы в css

Ответы (1 шт):