How To Help: 3 cols look fine full width, on small window looks bad
-
Using: WP 4.1.1, Customizr 3.3.1 sectioned version
I have a section for endorsement/review quotes. Rather than have one beneath the other, I have three in a row (3 columns). However, to have a consistent look there are three ways I can can set the width:
div {width: 356px;}
ordiv {width: 25%;}
Here’s the result (no live site yet): https://drive.google.com/file/d/0B4mnNZ1F-EDsVmlhQUxBY2lMU0U/view?usp=sharing
However, when I shrink the window to see how it would look on smaller devices, here’s the results:
Using 356px width: https://drive.google.com/file/d/0B4mnNZ1F-EDsVmlFRkc4UnpnT00/view?usp=sharing
Using 25% width: https://drive.google.com/file/d/0B4mnNZ1F-EDsNGoyWHFTZ1pvbUk/view?usp=sharingWhat I’d prefer is that when the screen is smaller, it goes from 3 columns to 1 column with each div about 90% width. I’m not familiar with coding for responsive pages and so I’m not sure what to do. Any ideas?
- The topic ‘How To Help: 3 cols look fine full width, on small window looks bad’ is closed to new replies.