Title: lightwarp's Replies | WordPress.org

---

# lightwarp

  [  ](https://wordpress.org/support/users/lightwarp/)

 *   [Profile](https://wordpress.org/support/users/lightwarp/)
 *   [Topics Started](https://wordpress.org/support/users/lightwarp/topics/)
 *   [Replies Created](https://wordpress.org/support/users/lightwarp/replies/)
 *   [Reviews Written](https://wordpress.org/support/users/lightwarp/reviews/)
 *   [Topics Replied To](https://wordpress.org/support/users/lightwarp/replied-to/)
 *   [Engagements](https://wordpress.org/support/users/lightwarp/engagements/)
 *   [Favorites](https://wordpress.org/support/users/lightwarp/favorites/)

 Search replies:

## Forum Replies Created

Viewing 1 replies (of 1 total)

 *   Forum: [Themes and Templates](https://wordpress.org/support/forum/themes-and-templates/)
   
   In reply to: [[Twenty Twenty-Five] How to make images full-width on a phone screen](https://wordpress.org/support/topic/how-to-make-images-full-width-on-a-phone-screen/)
 *  Thread Starter [lightwarp](https://wordpress.org/support/users/lightwarp/)
 * (@lightwarp)
 * [1 year ago](https://wordpress.org/support/topic/how-to-make-images-full-width-on-a-phone-screen/#post-18536888)
 * I solved it
   1. Download Custom CSS & JS2. Add custom CSS
 * [@media](https://wordpress.org/support/users/media/) screen and (max-width: 768px){
   .
   wp-block-image img {width: 100vw !important; /* Forces the image to take 100%
   of the _viewport width_ _/ __height: auto !important; /_ Maintains the image’s
   aspect ratio, preventing distortion _/ __max-width: none !important; /_ Crucial:
   Allows the image to exceed its original pixel width if 100vw is larger, preventing
   shrinking _/ /_ These properties are the key to making the image go truly edge-
   to-edge,by counteracting any default padding your theme might have on the main
   content area. _/ __margin-left: calc(50% – 50vw) !important; __margin-right: 
   calc(50% – 50vw) !important; display: block !important; /_ Ensures proper layout
   behavior for margins */padding-right: 5px;padding-left: 5px;}}
 * You can add
   padding-right: 5px;padding-left: 5px;if you want some padding

Viewing 1 replies (of 1 total)