Создать компоновки HTML и CSS ⇐ Html

[Anonymous]

Как мне создать этот макет с помощью HTML и CSS? Я пробовал несколько способов, и я не могу, чтобы я не мог соответствовать компонентам вместе. class = "Snippet-Code">


class="flex flex-col md:flex-row gap-12 justify-center items-stretch"
>



Missão


class="relative z-10 border-2 border-orange-vibrant rounded-[40px] p-8"
>

Desenvolver formulações bioativas personalizadas que promovem
produtos mais saudáveis, seguros e alinhados às demandas atuais





Visão


class="relative z-10 border-2 border-orange-vibrant rounded-[30px] p-6 pb-10"
>

Ser referência em soluções naturais e sustentáveis para a
conservação alimentar no Brasil





Valores


class="relative z-10 border-2 border-orange-vibrant rounded-[30px] p-6 pt-10"
>

Inovação responsável;

Transparência;

Atuação colaborativa e inclusiva;

Segurança alimentar e Sustentabilidade


< /code>
< /div>
< /div>
< /p>
Я не могу добраться до конечного результата. Я не знаю, как добраться до этого примера макета.

Подробнее здесь: https://stackoverflow.com/questions/796 ... ml-and-css