Title: photo layout help
Last modified: September 1, 2016

---

# photo layout help

 *  Resolved [jameseast](https://wordpress.org/support/users/jameseast/)
 * (@jameseast)
 * [9 years, 9 months ago](https://wordpress.org/support/topic/photo-layout-help/)
 * Hello,
 * I’m having difficulty with the layout of my photo’s.
 * I’m having difficulty getting my portrait and landscape photo’s to line up so
   that their widths are the same size when my site is viewed in tablet/phone resolutions.
   I’m assuming that a % width of the screen is the best way to do this but can’t
   figure out the CSS/custom code to make that work.
 * My site is – [http://www.upandawaywithme.com](http://www.upandawaywithme.com)
 * Thanks in advance for any help/recommendations.

Viewing 3 replies - 1 through 3 (of 3 total)

 *  [Siobhan](https://wordpress.org/support/users/siobhyb/)
 * (@siobhyb)
 * [9 years, 9 months ago](https://wordpress.org/support/topic/photo-layout-help/#post-7662684)
 * Hi [@jameseast](https://wordpress.org/support/users/jameseast/),
 * You could set all images in your posts to be 100% in width with the following
   custom CSS:
 *     ```
       @media only screen and (max-width: 786px) {
           .single-post .content-area img {
               width: 100%;
           }
       }
       ```
   
 * The above snippet makes use of [media queries](https://developer.mozilla.org/en-US/docs/Web/CSS/Media_Queries/Using_media_queries)
   to target devices that are 786px in width or less.
 * As before: Add the above snippet via [a child theme](https://codex.wordpress.org/Child_Themes)
   or [a custom CSS plugin](https://wordpress.org/plugins/search.php?q=custom+css).(
   If you have [Jetpack](https://jetpack.com) installed then you can activate [its custom CSS module](https://jetpack.com/support/custom-css/).)
 * Let me know how you get on with that or if you have any extra questions.
 *  Thread Starter [jameseast](https://wordpress.org/support/users/jameseast/)
 * (@jameseast)
 * [9 years, 9 months ago](https://wordpress.org/support/topic/photo-layout-help/#post-7662742)
 * Again Siobhan,
 * worked great thanks so much for your help.
 *  [Siobhan](https://wordpress.org/support/users/siobhyb/)
 * (@siobhyb)
 * [9 years, 9 months ago](https://wordpress.org/support/topic/photo-layout-help/#post-7662746)
 * You’re welcome! I’ll mark this thread as resolved but feel free to start a new
   one with any extra questions.

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘photo layout help’ is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/button/1.0.4/screenshot.png)
 * Button
 * [Support Threads](https://wordpress.org/support/theme/button/)
 * [Active Topics](https://wordpress.org/support/theme/button/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/button/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/button/reviews/)

## Tags

 * [editing](https://wordpress.org/support/topic-tag/editing/)
 * [layout](https://wordpress.org/support/topic-tag/layout/)
 * [phone](https://wordpress.org/support/topic-tag/phone/)
 * [photo](https://wordpress.org/support/topic-tag/photo/)
 * [tablet](https://wordpress.org/support/topic-tag/tablet/)
 * [width](https://wordpress.org/support/topic-tag/width/)

 * 3 replies
 * 2 participants
 * Last reply from: [Siobhan](https://wordpress.org/support/users/siobhyb/)
 * Last activity: [9 years, 9 months ago](https://wordpress.org/support/topic/photo-layout-help/#post-7662746)
 * Status: resolved