Change the order and text of UI workflows list (#4615)

Co-authored-by: Hugo Locurcio <[email protected]>

getting_started/step_by_step/ui_introduction_to_the_ui_system.rst

@@ -171,8 +171,8 @@ There are two workflows to build responsive UIs
 
 There are two workflows to build scalable and flexible interfaces in Godot:
 
-1. You have many container nodes at your disposal that scale and place UI elements for you. They take control over their children.
-2. On the other side, you have the layout menu. It helps you to anchor, place and resize a UI element within its parent.
+1. **Place UI elements precisely with anchors:** Use the **Layout** menu to place and resize a UI element relative to its parent.
+2. **Arrange control nodes automatically with containers:** Use container nodes to automatically scale and place UI elements.
 
 The two approaches are not always compatible. Because a container controls its children, you cannot use the layout menu on them. Each container has a specific effect, so you may need to nest several of them to get a working interface. With the layout approach you work from the bottom up, on the children. As you don't insert extra containers in the scene it can make for cleaner hierarchies, but it's harder to arrange items in a row, column, grid, etc.