Bigbang
The .bigbang CSS class is a container for Orbit apps, serving as a foundation for your project. By default, it occupies all available space and centers its content. However, you can use CSS utilities to adjust the alignment as needed. This class is recommended as the starting point for every Orbit project.
For more control, wrap .bigbang in a parent element with defined width and height.
Bigbang width
By default, .bigbang extends to 100% of available space. To restrict its extension, wrap it in a parent element with a defined width and height.
Bigbang as direct child of <body>.
Bigbang within a wrapper element.
Bigbang inner aligment.
.bigbang place its children element at center. This behavior can be altered using alignment utility classes such as .at-center (default), .at-center-left, .at-center-right, .at-top, .at-top-left, .at-top-right, .at-bottom, .at-bottom-left, and .at-bottom-right.