# Responsive images shortcode

**URL:** <https://discourse.gohugo.io/t/responsive-images-shortcode/4427>\
**Category:** support\
**Created:** [October 29, 2016, 8:49am UTC](https://discourse.gohugo.io/t/responsive-images-shortcode/4427 "2016-10-29T08:49:02Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![magicstone1412](https://avatars.discourse-cdn.com/v4/letter/m/9fc29f/32.png) [@magicstone1412](https://discourse.gohugo.io/u/magicstone1412)\
**Post date:** [October 29, 2016, 8:49am UTC](https://discourse.gohugo.io/t/responsive-images-shortcode/4427/1 "2016-10-29T08:49:02Z")

</div>

I have read an article a bout responsive image and shortcode in Hugo at [https://news.ycombinator.com/item?id=12673598](https://news.ycombinator.com/item?id=12673598). Can someone show me how can I use that shortcode? I am not a software engineer so I dont understand that code. Thank you verymuch

---

<div class="post-metadata">

**Author:** ![rdwatters](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.gohugo.io/rdwatters/32/2848_2.png) [@rdwatters](https://discourse.gohugo.io/u/rdwatters)\
**Post date:** [October 29, 2016, 8:16pm UTC](https://discourse.gohugo.io/t/responsive-images-shortcode/4427/2 "2016-10-29T20:16:31Z")

</div>

This looks a little tricky, at least in terms of what is include in the [pastebin](http://pastebin.com/ZjiWpDHc) reference from ycombinator. It might be easier to make your own, but this depends…what are you using to resize your images and what sizes are you outputting?