Bob,

You'e done a wonderful job with the Flexbox tutorial. Your tutorial demonstrates why RSD is the right tool to use for responsive design and for the Flexbox CSS3 module.

I've found some information in the tutorial that I want to respectfully bring to your attention and hopefully help to improve it.

1) The article makes extensive use of the CSS property names but that's only helpful if the user knows how the CSS property names map to the GUI. So instead of saying "flex-direction", I recommend saying something like "the direction property on the position panel". I know that's wordier but a novice will find the property easily. A shortened form of the wordier phrase would be "Position | Direction" if the user was told what that meant. Giving the CSS property name is okay but I would prefer to be told how to find the property in the GUI.

2) The line "The justify-content property is used to center the items within the container." is misleading because the picture and heading are being centered by the Position | Items property being set to Center. To prove that, change that property and notice the results. The paragraph is centered automatically because it's the widest element. Making the image the widest element (Dimensions | Max-width | None) will demonstrate that the paragraph obeys the Position | Items property.

The following paragraph (after the example) talks about centering the text but it doesn't mention that the paragraph itself was not affected by the "Position | Items" property because it's the widest element.

Later, after the "Align-items: Stretch" example, you do give credit to the align-items CSS property but I feel that reference is too separated to be useful.

3) In the "Reorder items 2 and 3" section, remind the user that when they play with the order property they need to set the "Style | Apply To" property to "ID".

Best regards,

Curtis

well I couldn't understand a word you were saying, but managed to follow the tutorial easily