introduction
In the previous article, we explored the horizontal and vertical layouts, the components regulating columns in the flow of acids. Now, let’s go deep into the details that make a difference: filling, margin and spacing. After all, it is not enough to organize the elements; We need to make sure they breathe.
Filling: the internal space that aims
Filling is like a hug for your components. It determines the distance between the content of the element and its borders, which creates a feeling of comfort and clarity. By default, the filling has already been enabled in vertical and horizontal layouts, but we can adjust it as needed.
With this simple line of code, we ensure that the vertical design content has an enjoyable interior space.
Margin: outer space that determines
While the filling determines the internal space, the margin determines the outer area of the component. It is like a photo frame, and separated from the rest of the wall. With margin, we can create more organized and visual liability layouts.
This setting adds an external space to the vertical design, and separates it from other elements on the page.
Diversion: the distance between the siblings
Spacing is the distance between the ingredients inside the design. It ensures that they do not adhere to the elements together, making it easier to read and interact. By default, the spacing has already been enabled in the horizontal design.
With this setting, we ensure that the ingredients inside the vertical design have enough space between them.
conclusion
With filling, margin and spacing, we have the ability to improve our layouts and create more organized and satisfactory interfaces.
in
Slip: This content does not aim to cover the topic comprehensively, because it depends on my studies and notes during this process. I recommend consulting the original sources for a more deepening understanding of the topic.
Authors
Paulo Ba is a “approved Java developer from Oracle” and “Spring Certified PROFESSIONAL” with a deep passion for Vadin. He drafted UIS with Vidin and strives to make it a major frame for the front facility of full Java developers worldwide. He loves teaching, sharing knowledge, and creating content. While it has learning theory through certificates, it always calls for a practical approach.
LinkedIn.com/in/pbalves
X.com/p_B_Alves
. mastodon.social/@pbalves
Employee writer: Fábio Ap is technology lovers, the writer who studies selfly, and the science of society with technology. A passion for sharing ideas, it provides reliable views on how technology forms our lives. Through clear and accurate writing, Fábio simplifies complex topics, enabling readers to move in the digital age with confidence.
Medium.com/@fabioApe
