WF generate the css in a linear way so let’s say you have finished your design but later you need to add another component in the middle of your design, this will add css code at the bottom of your stylesheet or if you add other class to modify something on your site the code will go to the bottom.
How do you avoid messy code?
Here is my public share link: LINK
(how to access public share link)