First, recently purchased RSD and love it!

Secondly, what is the element "title" field for? (Please forgive my ignorance).
Thirdly, is it possible to create nav-link that when clicked simply scrolls to the intended section or row of the same page?

That's all I have for now. I'm sure to have plenty more questions later. Be nice if there was a break down that defines all of RSD's tools (i.e. hover helps or a manual to simply define each tool or field and its basic function).

Great job CC and thank you for such a marvelous software. You're making me look good here.

With the above thread I meant to add the possible use of ID's with the concept of nav scrolling on the page. Sorry.

These are called anchor links. Example:
Clicking on the "About Us" button....
<li><a href="http://mywebsite.com/index.html#about">About Us</a></li>
scrolls the page to....
<a id="about"></a> (put your id at the top of the section/div/<h> tag/photo...)

I don't know about titles in RSD, typically they're used on images. Hover over an item and a brief text description will show.
<img src="xyz-logo.jpg" title="click to go back to home page" alt="XYZ Company Logo" >

I have made two clips for layout maker regarding anchor link and it works same in RSD

Please view the following clips

https://www.youtube.com/watch?v=JaitPdNchwc

https://www.youtube.com/watch?v=3hbnXUm00SA

Thanks paintbrush and Mansour. I've much to learn unfortunately, but eager.

Mansour. Is it best to change the row or column from div to section when creating the anchor link? I noticed you had the column as a section in order to link the anchor, instead of the row. I really don't know, which is why I want to be sure.

I appreciate the tutorial, really thoughtful of you to make them for us amateurs.

Pleasure is mine

either way will works and that was for sake of tuts ( sorry for confusion) but in real world I use row as section .

Examples of non-semantic elements: <div> and <span> - Tells nothing about its content.

<div class="row">
<section class="coffee-span-12">
</section>
</div>

Examples of semantic elements: < header >, <nav>, <section>,< figure > and <footer> clearly defines its content.

<section class="row">
<nav class="coffee-span-4">
<ul class="unorder-list">
<li></li>
<li></li>
<li></li>
</ul>
</nav>

<figure class="coffee-span-4">
<div class="responsive-picture">
<picture><img alt="Placeholder Picture" srcset="img/picture.svg">
</picture>
</div>
</figure>

<article class="coffee-span-4">
<p class="paragraph">Lorem ipsum .</p>
</article>
</section>

Hope it hepls