Как я могу сделать это изображение расширяться при поддержании выравнивания текста? ⇐ Html

[Anonymous]

Друг попросил меня помочь им с их веб -страницей, но я не могу понять это. Он хочет, чтобы текст был выровнен с изображением выше (все сосредоточено как раздел с полом: Auto; и максимальная ширина: 1300px ), в то время как изображение справа должно расширяться справа Страница, как на изображении, но я не могу заставить изображение быть справа, не испортив выравнивание текста. На изображении, но я не могу заставить его придерживаться справа от страницы. Я также попытался сделать изображение фоновым изображением зеленого секции, но когда я немного увеличил, текст, кажется, перекрывается. Любое другое решение, которое я испортил текстом. < /p>

Код: Выделить всё

.verde2{
width: 100%;
height: 500px;
background-color: #00824B;
}
.verde-container{
display: flex;
max-width: 1300px;
height: inherit;
margin: auto;
}
.verde2-text, .verde2-poza{

height: inherit;
}
.verde2-text h3 {
margin-top: 0;
font-size: 1.8em;
display: flex;
align-items: center;
gap: 10px;
}
.verde2-text{
display: flex;
flex-direction: column;
padding: 25px;
padding-left: 0px;
gap: 25px;
width: 60%;
}

.verde2-poza{
width: 40%;
height: 500px;
background-image: url(https://picsum.photos/800);
background-repeat: no-repeat;
background-size: cover;
background-position: right;
}< /code>




[img]https://picsum.photos/100[/img]
De ce este importanta
durabilitatea?

Exista multe avantaje pentru durabilitate, atat pe termen scurt, cat si pe termen lung. Nu putem mentine ecosistemele Pamantului sau nu putem continua sa functionam asa cum o facem daca nu se fac alegeri mai durabile.Daca procesele daunatoare sunt mentinute fara nicio modificare, este probabil ca vom ramane fara combustibili fosili, un numar mare de specii de animale vor disparea si atmosfera va fi afectata iremediabil. Aerul curat si conditiile atmosferice netoxice, cresterea resurselor pe care se poate baza, precum si calitatea si curatenia apei sunt toate beneficii ale sustenabilitatii.

Подробнее здесь: https://stackoverflow.com/questions/794 ... xt-aligned