# Large images cut off on blog

**URL:** <https://discourse.codinghorror.com/t/large-images-cut-off-on-blog/1563>\
**Category:** Site Feedback\
**Created:** [March 21, 2014, 12:23am UTC](https://discourse.codinghorror.com/t/large-images-cut-off-on-blog/1563 "2014-03-21T00:23:09Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![nicksahler](https://discourse-cdn.codinghorror.com/user_avatar/discourse.codinghorror.com/nicksahler/32/36505_2.png) [@nicksahler](https://discourse.codinghorror.com/u/nicksahler)\
**Post date:** [March 21, 2014, 12:23am UTC](https://discourse.codinghorror.com/t/large-images-cut-off-on-blog/1563/1 "2014-03-21T00:23:09Z")

</div>

Large images are overflowing/being cut off on the main blog,  
(I’d include an image here if I could 😛)

to fix this (if you want to) add this to the img tag for embedded comments:

```
.whateverclass img {
    max-width: 608px;
    height: auto;
}
```

---

<div class="post-metadata">

**Author:** ![codinghorror](https://discourse-cdn.codinghorror.com/user_avatar/discourse.codinghorror.com/codinghorror/32/36371_2.png) [@codinghorror](https://discourse.codinghorror.com/u/codinghorror)\
**Post date:** [March 21, 2014, 5:11am UTC](https://discourse.codinghorror.com/t/large-images-cut-off-on-blog/1563/2 "2014-03-21T05:11:05Z")

</div>

On desktop or on mobile?

---

<div class="post-metadata">

**Author:** ![nicksahler](https://discourse-cdn.codinghorror.com/user_avatar/discourse.codinghorror.com/nicksahler/32/36505_2.png) [@nicksahler](https://discourse.codinghorror.com/u/nicksahler)\
**Post date:** [March 21, 2014, 5:23am UTC](https://discourse.codinghorror.com/t/large-images-cut-off-on-blog/1563/3 "2014-03-21T05:23:47Z")

</div>

Desktop. Just tested it on my tablet (Nexus 7), happens there too.

---

<div class="post-metadata">

**Author:** ![codinghorror](https://discourse-cdn.codinghorror.com/user_avatar/discourse.codinghorror.com/codinghorror/32/36371_2.png) [@codinghorror](https://discourse.codinghorror.com/u/codinghorror)\
**Post date:** [March 21, 2014, 7:57pm UTC](https://discourse.codinghorror.com/t/large-images-cut-off-on-blog/1563/4 "2014-03-21T19:57:19Z")

</div>

Can you provide the URL to an example post with the problem?

---

<div class="post-metadata">

**Author:** ![nicksahler](https://discourse-cdn.codinghorror.com/user_avatar/discourse.codinghorror.com/nicksahler/32/36505_2.png) [@nicksahler](https://discourse.codinghorror.com/u/nicksahler)\
**Post date:** [March 21, 2014, 8:10pm UTC](https://discourse.codinghorror.com/t/large-images-cut-off-on-blog/1563/5 "2014-03-21T20:10:17Z")

</div>

[http://blog.codinghorror.com/please-read-the-comments/#post-94332](http://blog.codinghorror.com/please-read-the-comments/#post-94332) (I included an anchor to the comment, but since it’s in an iframe it doesn’t jump). It’s about 3/4 of the way through the comments.

---

<div class="post-metadata">

**Author:** ![codinghorror](https://discourse-cdn.codinghorror.com/user_avatar/discourse.codinghorror.com/codinghorror/32/36371_2.png) [@codinghorror](https://discourse.codinghorror.com/u/codinghorror)\
**Post date:** [March 21, 2014, 8:45pm UTC](https://discourse.codinghorror.com/t/large-images-cut-off-on-blog/1563/6 "2014-03-21T20:45:17Z")

</div>

Oh you mean this one?

![](https://discourse-cdn.codinghorror.com/uploads/default/24/2ffaca3ce1d78919.png)

Yeah, maybe there can be an image width CSS rule there @eviltrout?

---

<div class="post-metadata">

**Author:** ![codinghorror](https://discourse-cdn.codinghorror.com/user_avatar/discourse.codinghorror.com/codinghorror/32/36371_2.png) [@codinghorror](https://discourse.codinghorror.com/u/codinghorror)\
**Post date:** [March 22, 2014, 10:52pm UTC](https://discourse.codinghorror.com/t/large-images-cut-off-on-blog/1563/7 "2014-03-22T22:52:35Z")

</div>

OK I added

> <https://github.com/discourse/discourse/commit/70fc0069910442efc7922b1421daf15cecb26c74>

Looks better now thanks @nicksahler!

---

<div class="post-metadata">

**Author:** ![codinghorror](https://discourse-cdn.codinghorror.com/user_avatar/discourse.codinghorror.com/codinghorror/32/36371_2.png) [@codinghorror](https://discourse.codinghorror.com/u/codinghorror)\
**Post date:** [January 7, 2025, 6:39am UTC](https://discourse.codinghorror.com/t/large-images-cut-off-on-blog/1563/8 "2025-01-07T06:39:34Z")

</div>