Following the tutorial to " complete a 3 page responsive design in a series of easy to understand steps" but finding that my results do not match those from the reference file.
The picture in the 4th row is set to the same width, margins and padding as the header and paragraph below but is always smaller. They also resize incorrectly when the breakpoint is set at 650px.
Project file attached... What have I done wrong?

Hi Richard,
Can you post a screen shot of what your seeing? The fourth image is the same size as the other three for me in RSD and browser preview at all break points.

Also you can use the Offset and Push spans to position columns so you don't have to add empty columns to move stuff.

Hello Eric... Happy Festivus...
The tutorial @ http://www.coffeecup.com/help/articles/ … -with-rsd/ does not make any mention of using Offsets and Push to line the columns up..
What I mean is that the Picture resizes differently to the Header and Paragraph elements even though all are set to width of 90% etc. copied00 and 01 attached..
Also having a problem with the Hover effects applying erratically although can not reproduce it right now.

Another gripe is that the tutorial makes references to 'columns' and some other elements without really explaining or illustrating exactly what is being referred to. Of course the designed/expert know what he/she means, but this tutorial could be much better written. This bit is particularly obscure, to my thinking.. from http://www.coffeecup.com/help/articles/ … ign-layer/

"With all that updating behind us we don’t seem to need the last column. Removing it creates space that allows us to control the width of the container in more detail. To remove the column, select it and click the X icon in the element section on the design pane. The span width of the column needs to be updated to 8 for the container to actually use the newly created space.
Following the span increase the container stretches to the right side of the design. To limit any endless stretching on large screens we can specify a maximum width. In the dimensions section on the design pane make sure you inserted 600px into the Max-width input box. With that, the container will still shrink on small screens. However, the callout text will not stretch beyond the specified value, preventing a long long line of text on big screens."

If you follow the tutorial, we have already sized the Call Out to 9 spans and I can not for the life of me make out which of the columns is being referred to..

Very frustrating... I have been struggling with this simple tutorial for about 5 - 6+ hours. I thought it was going OK but then I hit pages 2 and 3 and from then on, things did not go as the tutorial suggested.

What we really need for this rather complex piece of software is a manual written by none techy but experienced users who recognise that some of us are not on the dev team!!

Set the max-width for the images to none.

I have a question on editing the second row -- I get the second column with the container to look like the example, but the first and third columns don't expand to fill the same height as the second column -- and I can't for the life of me figure out how to get them to look like the example labelled "The header and callout row completed." Here's a screen shot of what mine looks like:

Thanks!

In this practice design found at http://www.coffeecup.com/help/articles/ … -with-rsd/
I am finding that when trying step 3 of "Adding Content Elements", nothing happens when I set the padding at 38, UNLESS I change from working with the text link to the actual column--but this is not indicated in the directions. In which element should this padding be set? With the text link, as instructed, or with the column, which was the only way I could get it to work?
Many thanks!
k

What version of RSD are you using. These instructions are for a older version, so some things and initial layout may have changed in the version you are using. I would consider these instructions more or less guidelines. From the original version of RSD to the new version, the default initial paddings and margins have changed I believe. As long as you understand how to style elements, you will be good.
dinah - if you are still reading, in that example, you would need to give the columns a minimum height, because at this point, they have no content.