# Featured Tiles

**URL:** <https://meta.discourse.org/t/featured-tiles/156677>\
**Category:** Theme component\
**Tags:** official, featured-tiles\
**Created:** [July 3, 2020, 8:47am UTC](https://meta.discourse.org/t/featured-tiles/156677 "2020-07-03T08:47:25Z")\
**Posts on this page:** 1\
**Showing post:** 15

<div class="post-metadata">

**Author:** ![david](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/david/32/157490_2.png) [@david](https://meta.discourse.org/u/david)\
**Post date:** [August 24, 2020, 2:04pm UTC](https://meta.discourse.org/t/featured-tiles/156677/15 "2020-08-24T14:04:09Z")

</div>

Thanks for the link. Looking at the site, the problem is that the images are portrait. So we are constraining a 3072x4608 image into a 200x200 square, which makes it 133x200. Then we’re ‘filling’ a 222x150 box with it. So we’re displaying an image 133 pixels wide into something 222 pixels wide.

One solution here is to stop ‘filling’ the banner with the image, and ‘fit’ it instead. That’s the approach we take in the topic list thumbnails:

 ![Screenshot 2020-08-24 at 15.02.58](https://global.discourse-cdn.com/meta/original/3X/c/a/ca65aa5fcf2b44cbc775886f7f7467b95fe6e86d.png)

Adding a new setting to the theme component for this would be #pr-welcome if someone would like to work on it.

---

_[View the full topic](https://meta.discourse.org/t/featured-tiles/156677)._