# Whitespace in image ion-card

**URL:** <https://forum.ionicframework.com/t/whitespace-in-image-ion-card/187239>\
**Category:** Ionic Framework\
**Created:** [April 14, 2020, 3:09am UTC](https://forum.ionicframework.com/t/whitespace-in-image-ion-card/187239 "2020-04-14T03:09:54Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![latinsniper](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/latinsniper/32/131766_2.png) [@latinsniper](https://forum.ionicframework.com/u/latinsniper)\
**Post date:** [April 14, 2020, 3:09am UTC](https://forum.ionicframework.com/t/whitespace-in-image-ion-card/187239/1 "2020-04-14T03:09:54Z")

</div>

Hello. I’d like to make a card that is filled completely by an image. However, having only:

```auto
              <ion-card>
                <img src="https://dummyimage.com/600x400/1e5c21/fff">
              </ion-card>

```

Leaves a white space below the image, as the print shows… I tried changing the width/height but nothing seems to have helped. Any way to solve this?

![Screenshot_1](https://global.discourse-cdn.com/ionicframework/original/3X/1/d/1d8b6761350a67f5e950043ee81cbb2cca0d018c.png)

---

<div class="post-metadata">

**Author:** ![latinsniper](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/latinsniper/32/131766_2.png) [@latinsniper](https://forum.ionicframework.com/u/latinsniper)\
**Post date:** [April 14, 2020, 3:45am UTC](https://forum.ionicframework.com/t/whitespace-in-image-ion-card/187239/2 "2020-04-14T03:45:16Z")

</div>

Ionic actually sort of irrelevant to issue. Apparently caused by blur filter on image. Solved scaling image up as little as possible.

If anyone still has any suggestions on how to better handle this within the scope of ionic cards, feel free to chime in.

---

<div class="post-metadata">

**Author:** ![rcomblen](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/rcomblen/32/148337_2.png) [@rcomblen](https://forum.ionicframework.com/u/rcomblen)\
**Post date:** [December 4, 2024, 1:14pm UTC](https://forum.ionicframework.com/t/whitespace-in-image-ion-card/187239/3 "2024-12-04T13:14:26Z")

</div>

Hey.

It’s because you’re img is by default “display: inline”. Set it “display: block” and the problem is gone.