Make media display wide like Facebook on mobile devices

You can use below custom CSS to tweak the code to display media screen wide on mobile devices.

@media ( max-width: 500px ) {
    .rtmedia-list-item.media-type-photo {
        width: 100% !important;
    }

    .profile.rtmedia_update.activity-item {
        margin-top: 50px !important;
    }

    .activity-content {
        margin-left: -20px !important;
        margin-right: -20px !important;
    }

    .activity-meta,
    .activity-comments {
        margin: 0 !important;
    }

    .activity-inner > *:not(.rtmedia-activity-container) {
        padding: 0 20px !important;
    }

    .rtmedia-list.rtp-activity-media-list {
        margin-left: -25px !important;
        margin-right: -25px !important;
    }
}

Here is the screenshot how it will look like on mobile screen.