# Reduce blog image size on mobile

**URL:** <https://community.elfsight.com/t/reduce-blog-image-size-on-mobile/86330>\
**Category:** Blog\
**Created:** [December 1, 2024, 1:17am UTC](https://community.elfsight.com/t/reduce-blog-image-size-on-mobile/86330 "2024-12-01T01:17:43Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![tuanphan](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/tuanphan/32/3165_2.png) [@tuanphan](https://community.elfsight.com/u/tuanphan)\
**Post date:** [December 1, 2024, 1:17am UTC](https://community.elfsight.com/t/reduce-blog-image-size-on-mobile/86330/1 "2024-12-01T01:17:43Z")

</div>

Add this code to the Custom CSS field on the Settings tab of your [Blog](https://elfsight.com/blog-widget/) widget’s settings:

```auto
@media screen and (max-width:767px) {
[class*="card-media-image"] {
    max-width: 100px;
    margin: 0 auto;
}
}

```

 ![image](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/9/0/90d8a29ac3dc7b30e5c9ae8a625a531a63587240.jpeg)