Центрирование изображений в сетке с подтекстом - PullRequest
Новая
       75

Центрирование изображений в сетке с подтекстом

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

У меня есть три изображения, в центре которых я хочу разместить текст. В настоящее время мой код дает следующее (см. здесь ), где изображения располагаются слева от их ячеек.

Мой код: 

<div class="grid grid-rows-2 grid-flow-col">
          <img src="assets/githubIcon.png" alt="githubIcon" class="origin-center w-8">
          <div class="text-center text-xs">GitHub</div>
          <img src="assets/youTubeIcon.jpg" alt="youTubeIcon" class="w-8">
          <div class="text-center text-xs">PepperEng YouTube</div>
          <img src="assets/mediumIcon.png" alt="mediumIcon" class="w-8">
          <div class="text-center text-xs">Medium</div>
</div>
...