Как мы можем справиться с CSS Grid, используя CSS попутного ветра? ⇐ CSS

[Anonymous]

Мне нужна структура столбца, как показано ниже, с использованием попутного CSS: -
У меня возникла проблема с третьим и четвертым блоками, как указано ниже:

• Ширина первого и второго блоков должна быть одинаковой.
• Ширина третьего блока должна быть больше.
• Ширина четвертого блока должна быть меньше.

Код приведен ниже: -

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

[img]assets/images/about-icon-1.svg[/img]
Experience
10+ years of auditing experience.


class="hover:shadow-lg rounded-lg p-4 border border-1 bg-[#F0F4F9] bg-[url('assets/images/about-box-bg.svg')] bg-no-repeat bg-right-bottom bg-contain">

[img]assets/images/about-icon-2.svg[/img]
Licensed
Licensed by the Department of Economic Development (DED).


class="hover:shadow-lg rounded-lg p-4 border border-1 bg-[#F0F4F9] bg-[url('assets/images/about-box-bg.svg')] bg-no-repeat bg-right-bottom bg-contain flex-2">

[img]assets/images/about-icon-3.svg[/img]
Registered
Registered with the Ministry of Economy (MoE).


class="hover:shadow-lg rounded-lg p-4 border border-1 bg-[#F0F4F9] bg-[url('assets/images/about-box-bg.svg')] bg-no-repeat bg-right-bottom bg-contain flex-1">

[img]assets/images/about-icon-4.svg[/img]
Certified
ISO 9001:2015 certified.






[img]assets/images/about.webp[/img]

Подробнее здесь: https://stackoverflow.com/questions/798 ... ilwind-css