Мне нужно отредактировать эти значки в виде меню.Выравнивание изображений значков с заголовком ниже
Мне нужно, чтобы они были сосредоточены на странице, а также хорошо смотрелись на мобильных устройствах.
Вот мой пример код:
<div style="margin-left: 0 auto;">
<div style="margin:0 auto;"> <a href="http://kutsalkitap.org/category/tartisma/"><img class="alignnone size-full wp-image-107" src="http://kutsalkitap.org/wp-content/uploads/2015/07/Blog-Icon.png" alt="tartisma-blog" width="128" height="128" /><br />Tartışma <br />Blog</a></div>
<div style="margin:0 auto;"><a href="http://kutsalkitap.org/kaynaklar/"><img class="alignnone size-full wp-image-107" src="http://kutsalkitap.org/wp-content/uploads/2015/07/Gift-Icon.png" alt="hediyeler-kaynaklar" width="128" height="128" /><br />Hediyeler <br />ve Kaynaklar</a></div>
<div style="margin:0 auto;"><a href="http://kutsalkitap.org/kilise-adresleri/"><img class="alignnone size-full wp-image-107" src="http://kutsalkitap.org/wp-content/uploads/2015/07/Chapel-Icon.png" alt="kilise-bul" width="128" height="128" /><br />Kilise <br />Adresleri</a></div>
<div style="margin:0 auto;"><a href="http://kutsalkitap.org/online-kutsal-kitap/"><img class="alignnone size-full wp-image-107" src="http://kutsalkitap.org/wp-content/uploads/2015/07/Bible-Icon.png" alt="online-kutsal-kitap" width="128" height="128"/><br />Online <br />Kutsal Kitap</a></div>
</div>
и вот скрипка: https://jsfiddle.net/yjwo2eqa/
Может кто-нибудь мне помочь?
Благодаря
Привет Praveen, спасибо вам помочь. Могу ли я сделать их похожими на мобильные, но бок о бок на рабочем столе? – Burcak
@Burcak Используйте запросы '@ media'. Вы хотите принять мой ответ, нажав на кнопку? –