Как я могу заставить flex равномерно распределять ширину моего SVG? - PullRequest
Новая
       2

Как я могу заставить flex равномерно распределять ширину моего SVG?

0 голосов
/ 27 мая 2020

У меня проблема с моим гибким div в моем портфолио. У меня есть 3 услуги, которые я хочу рассказать. У всех есть изображение svg и некоторый текст под ним. Я попытался дать им всем свойство flex: 1, но они по-прежнему не делят пространство равномерно.

Вот код: 

<div class="flex flex-row">
    <div class="px-24 pt-8 flex flex-1 flex-col justify-center items-center text-center">
        <img src="/static/media/design.0e806bbe.svg">
        <span class="font-montserrat font-bold text-4xl">Design</span>
    </div>
    <div class="px-24 pt-8 flex flex-1 flex-col justify-center items-center text-center">
        <img src="/static/media/code.4871712c.svg">
        <span class="font-montserrat font-bold text-4xl">Programmation</span>
    </div>
    <div class="px-24 pt-8 flex flex-1 flex-col justify-center items-center text-center">
        <img src="/static/media/hosting.af9efcf1.svg">
        <span class="font-montserrat font-bold text-4xl">Hébergement</span>
    </div>
</div>

Вот что я получаю: screenshot

PS: Я использую Tailwind CSS.

...