# Link descriptive image from a post to a post thumbnail in the posts gallery

**URL:** <https://talk.jekyllrb.com/t/link-descriptive-image-from-a-post-to-a-post-thumbnail-in-the-posts-gallery/1359>\
**Category:** Uncategorized\
**Created:** [January 16, 2018, 4:27am UTC](https://talk.jekyllrb.com/t/link-descriptive-image-from-a-post-to-a-post-thumbnail-in-the-posts-gallery/1359 "2018-01-16T04:27:34Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![animanoir](https://yyz2.discourse-cdn.com/flex030/user_avatar/talk.jekyllrb.com/animanoir/32/667_2.png) [@animanoir](https://talk.jekyllrb.com/u/animanoir)\
**Post date:** [January 16, 2018, 4:27am UTC](https://talk.jekyllrb.com/t/link-descriptive-image-from-a-post-to-a-post-thumbnail-in-the-posts-gallery/1359/1 "2018-01-16T04:27:34Z")

</div>

What’s the ideal procedure to have an _image thumbnail_?

I was thinking of linking an image from the post and put it inside a div or something, or is there another, easier way?

My posts gallery is a grid of boxes, so I would like to have those boxes display an image representing that post.

---

<div class="post-metadata">

**Author:** ![pabloduo](https://avatars.discourse-cdn.com/v4/letter/p/2bfe46/32.png) [@pabloduo](https://talk.jekyllrb.com/u/pabloduo)\
**Post date:** [January 17, 2018, 7:15am UTC](https://talk.jekyllrb.com/t/link-descriptive-image-from-a-post-to-a-post-thumbnail-in-the-posts-gallery/1359/2 "2018-01-17T07:15:59Z")

</div>

Should be fairly straightforward, you can use as an example this pen: [https://codepen.io/ptsurbeleu/pen/VyEWZb](https://codepen.io/ptsurbeleu/pen/VyEWZb).

Also if you need figure out a grid thing, look at Bootstrap, they have very friendly & usable examples of that: [http://getbootstrap.com/docs/4.0/layout/grid/](http://getbootstrap.com/docs/4.0/layout/grid/)

On top of that, Bootstrap features **Card** element that you can use for the very same purpose, here: [http://getbootstrap.com/docs/4.0/components/card/](http://getbootstrap.com/docs/4.0/components/card/).

Hope that helps!

---

<div class="post-metadata">

**Author:** ![animanoir](https://yyz2.discourse-cdn.com/flex030/user_avatar/talk.jekyllrb.com/animanoir/32/667_2.png) [@animanoir](https://talk.jekyllrb.com/u/animanoir)\
**Post date:** [January 20, 2018, 3:30am UTC](https://talk.jekyllrb.com/t/link-descriptive-image-from-a-post-to-a-post-thumbnail-in-the-posts-gallery/1359/3 "2018-01-20T03:30:11Z")

</div>

Thank you! Works great!

---

<div class="post-metadata">

**Author:** ![pabloduo](https://avatars.discourse-cdn.com/v4/letter/p/2bfe46/32.png) [@pabloduo](https://talk.jekyllrb.com/u/pabloduo)\
**Post date:** [January 21, 2018, 7:25am UTC](https://talk.jekyllrb.com/t/link-descriptive-image-from-a-post-to-a-post-thumbnail-in-the-posts-gallery/1359/4 "2018-01-21T07:25:07Z")

</div>

My pleasure, enjoy! ☕ 🙂