Я не могу понять, что я делаю не так [закрыто] ⇐ Html

[Anonymous]

Макет соответствует тому, к чему я стремлюсь, однако второй абзац выстроен неправильно. второй раздел должен быть полной противоположностью первому разделу; однако абзац находится в левом верхнем углу изображения, а не в центре. Я попытался изменить HTML, чтобы поместить img в верхнюю и нижнюю часть абзаца. Я добавил в .content-reverse, но ничего не работает.

Welcome to Learn To Cook



View Our Recipes

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.






Jorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.


Watch Our Cooking Videos




.hero {
text-align: center;
padding: 40px 20px;
}

/* Hero title */
.hero h2 {
font-size: 2.5rem;
margin-bottom: 40px;
}

/* Section layout: side by side */
.content-section {
display: flex;
align-items: center;
justify-content: center;
gap: 40px;
margin-bottom: 60px;
flex-wrap: wrap;
}
.content-reverse {
flex-direction: row-reverse;
}


Подробнее здесь: https://stackoverflow.com/questions/797 ... oing-wrong