I'm looking at the project file that Wayan sent you, the 'steff-project.rff'.
1. You have 2 blue breakpoints which you can't move or remove. They are default for the Foundation grid system. In many cases they are enough. It depends on your design whether you want/need more or not.
2. There are also 2 white breakpoints, which must have been set by yourself or Wayan. If you find the left-most blue breakpoint not to be narrow enough, you move the slider to the left before you start the design. The same with other breakpoints that you can set yourself, move the slider to where you want one and click the + on the white circular background to the left of all breakpoints.
3. Setting breakpoints is NOT to be done at any pre-determined widths! There are so many screen sizes out there, so that if you would want to accommodate for them all, you'd get the whole row filled with white dots, and it would be one hell of a job to adjust the design for them all!
4. It's the design that decides where you need breakpoints. With RFF you start from phone size and move up to wider. If you think you need a breakpoint to the left of the first blue one, create it before you start your design.
5. One thing you already do, which is very good, is making a drawing of what you want your page to look like. Start with the phone size, and typically, all the page elements are positioned below each other on phone screens. Apply that design in RFF.
6. (Remember, if you want items which are first placed below each other, to pop up beside each other on larger screens, then use ONE row with several columns. Set them all to 12 spans to begin with.)
7. So, when you have got your phone design right, move the slider towards the right until the design looks stretched. Then you will have room for some of the elements beside each other. Click on that + again, and you have a new breakpoint. If you have a drawing for that 'middle' design, create it in the programme. The white breakpoints can be moved, in case you need to adjust the position a bit.
8. Repeat #7 as many times as you need until you have a design that fits a normal or large PC screen. You can actually set as many breakpoints that you like, but the less you have, the better. With a lot of breakpoints it means adjusting a whole lot if you find that you want to change something. Typically some 2-4, (5 maximum!) breakpoints should be enough for most designs.
9. If you find the need to remove a breakpoint, select it and click the 'minus' sign on a white background, to the left of all breakpoints.