I found out that in normal layouts, you cannot create variables for a specific element; you have to create a component. I solved my issue by creating components. Now, the issue with components is fetching data and displaying it. With a normal layout, fetching and repeating an element for each row of the collection is easy, but it does not work the same way if I want to repeat a component because it will keep the position at zero of the collection row. Why is fetching data from the collection done row by row with layouts, but not with components? How can I make the components work like normal layouts?
SOLUTION:
You have to set up Propertie for each component. Properties will take it the value from the Collection (like title). You have to asign the title from to collection to properties you create (like title) and then asign (bind) the title of the component to the element you want to edit from the component with the information from the collection.
Hope this will help someone like me that spends a day for finding this little information in a video of more than 42 minutes 
You can find the documentation here but with not a common example.