Thanks Bill. I have done as you said and it is working pretty well. In RSD it is perfect, but when viewed online the buttons still fluctuate a little. I suspect that may in part be the browser. I checked it in different browsers, and it behaved slightly different, but overall things are much better. Thanks for your time and assistance.
Phil wrote:
Thanks Bill. I have done as you said and it is working pretty well. In RSD it is perfect, but when viewed online the buttons still fluctuate a little. I suspect that may in part be the browser. I checked it in different browsers, and it behaved slightly different, but overall things are much better. Thanks for your time and assistance.
Thanks Bill. I have done as you said and it is working pretty well. In RSD it is perfect, but when viewed online the buttons still fluctuate a little. I suspect that may in part be the browser. I checked it in different browsers, and it behaved slightly different, but overall things are much better. Thanks for your time and assistance.
Did you give my suggestion a go Phil? That is the best way to accomplish what you are looking to do.
Make one row, 3 columns and follow my suggestion in my comment below.

Thanks Adam. Your suggestion and Bill's are the same and it worked well. Thanks for your input. Greatly appreciated.
For that errant button. I clicked and drug it originally from a subgrid to another container. I did that for all other paragraphs as well, and they appear to have all the same margins and padding. But the browsers were definitely seeing that container/paragraph larger than the column. So - I just deleted the paragraph, made a new one and solved.
More inspection, there is a paragraph break after the paragraph. In RSD, it gives a 0 box model, in the browsers they are giving it 23 pixels or something. Might be a RSD issue is my guess, that extra break is not given space for whatever reason.
To find stuff, go to the browser's developer tools, and use the Inspection tool, much like RSD. But you can click around for particular elements, and see how the browser views things.
More inspection, there is a paragraph break after the paragraph. In RSD, it gives a 0 box model, in the browsers they are giving it 23 pixels or something. Might be a RSD issue is my guess, that extra break is not given space for whatever reason.
To find stuff, go to the browser's developer tools, and use the Inspection tool, much like RSD. But you can click around for particular elements, and see how the browser views things.
Phil, the method I used, is not the only method of using Flexbox, its just the simplest way to do it I believe. In the Tea theme, on the products page, its the same idea, except no container, and the Flew-Grow property of 1 is given to the paragraphs/ The grow property basically makes that paragraph auto fill up a space. Because I posted that file, does not make me an expert, I just like these little challenges to learn the new css3 stuff and the RSD ui because I will encounter these same challenges as I recode my own websites and the mess of code in them.
Thanks for all your input Bill. There is a definite learning curve to the whole responsive universe. I am a novice at best but willing and eager to learn. Thanks again.
Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.