Title: column width within row
Last modified: November 14, 2025

---

# column width within row

 *  [cecilesarlet](https://wordpress.org/support/users/cecilesarlet/)
 * (@cecilesarlet)
 * [6 months, 2 weeks ago](https://wordpress.org/support/topic/column-width-within-row/)
 * I created rows with different column widths, so that the pictures I put into 
   them are in a certain ratio.
 * However, once published, the right column is much larger (taking the whole width).
   Setting the page width to e.g. 70% doesn’t help – it just makes the right column
   as big as possible. How can I fix the ratio between the colums? Or should I use
   another form of row? table? raster?
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fcolumn-width-within-row%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

Viewing 1 replies (of 1 total)

 *  Moderator [bcworkz](https://wordpress.org/support/users/bcworkz/)
 * (@bcworkz)
 * [6 months, 2 weeks ago](https://wordpress.org/support/topic/column-width-within-row/#post-18719835)
 * You have varying style width attributes in some of your img tags which is causing
   uneven layout. Not the attributes like `width="1024"`, but the style attributes
   like `style="width:453px;height:auto"`
 * With the flexbox model, if you need to adjust item sizing, don’t use width values.
   Instead use flex-shrink or flex-grow.
 * Avoid using HTML tables to achieve layout. They don’t behave responsively and
   will force small screen users to need to side scroll and pinch zoom to read content.
   In some cases where cell alignment is essential, tables may be a good solution;
   but for general layout that concept went away at the turn of the century 😉 The
   modern equivalent of tables is the [CSS grid model](https://developer.mozilla.org/en-US/docs/Web/CSS/Guides/Grid_layout/Basic_concepts).
 * A giant raster image has responsiveness issues similar to tables. I generally
   advise avoiding text as images all together because of responsiveness issues.
   You can get elliptical borders with CSS border radius properties. The x-axis 
   and Y-axis dimensions can be specified separately. I’m not suggesting you redo
   what you have. Just FYI, maybe for next time.
 * Flexbox ought to work for you once it’s properly implemented without conflicting
   directives.

Viewing 1 replies (of 1 total)

The topic ‘column width within row’ is closed to new replies.

## Tags

 * [column width](https://wordpress.org/support/topic-tag/column-width/)
 * [row](https://wordpress.org/support/topic-tag/row/)

 * In: [Fixing WordPress](https://wordpress.org/support/forum/how-to-and-troubleshooting/)
 * 1 reply
 * 2 participants
 * Last reply from: [bcworkz](https://wordpress.org/support/users/bcworkz/)
 * Last activity: [6 months, 2 weeks ago](https://wordpress.org/support/topic/column-width-within-row/#post-18719835)
 * Status: not resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics