Are responsive breaking points determined by rows, columns or both? A diagram of some kind would be good if there is one. I need to convert some existing sites and it ain't easy.

Hi Jack,

Actually with using RSD it is very easy to convert your website and make it responsive. I believe you are thinking about it the wrong way. Break points are used to define points of your website where the design fails as the size of the screen gets smaller.

If you want you can look up media queries in Google it will give you a good idea of what responsive designing is. RSD uses break points (media queries) and a preview display to visually help you decide where they should be.

It's a very slick tool that you should download the trial too.

I am working with a trial of RSD now. That's why I asked. I need a tutorial or something. There is currently a very wide chasm between where I am and what you are saying. Your first paragraph is probably accurate, but I don't see any answer to my question.

Learning responsive design can take a little time to master. But we have a bunch of articles on RSD to help you get more familiar with how this app works. Our Quick Start Guide is very helpful when getting started. We also have a new step-by-step tutorial which will walk you through transforming a static site to a responsive one that is perfect when you are just starting out. http://www.coffeecup.com/help/articles/1430

If you are a visual based learner, a new tutorial has been posted that breaks down the creation of a responsive page in just 5 steps. This article is unique as it includes 8 instructional videos. Check it out at: http://www.coffeecup.com/help/articles/1449

You will find the answers in the articles mentioned above, but to try to give a direct reply:
The break points are NOT determined by rows and columns. They are determined by the page elements you put in. As an example like this: If you have, in a column, an image left and a paragraph of text to the right, each taking up 50% of the column width initially, you can move the slider towards left and see that the paragraph wraps down below the image, and everything gets small and narrow. When you think that the image gets too small, or maybe better a bit before it gets too small, you can add a breakpoint where the slider is at that moment, and change the width of the image and the paragraph to say 100%, so that they display below each other and thereby cover the width of the column they are in. That will allow for better viewing of details and reading of text.
This is only one example of what you need to set a breakpoint for, you'll find other uses when you read the articles.