Blaze UI Utilities Complete Reference
Blaze UI is a free & open-source (MIT License) Framework with a lightweight UI Toolkit that provides a great structure for building websites quickly with a scalable and maintainable foundation
Blaze UI Utilities List:
Example1: In the below code, we will make use of the center alignment classes to place the element in the center.
HTML
<!DOCTYPE html><html><head> <script type="module" src= </script> <script nomodule="" src= </script> <link rel="stylesheet" href=</head><body> <h1 style="color: green;">GeeksforGeeks</h1> <div class="u-center-block fixed-height-demo"> <div class="u-center-block__content"> Blaze UI Center Alignment </div> </div></body></html> |
Output:
Example2: In the below code, we will make use of the vertical alignment classes to place the element in the Vertical.
HTML
<!DOCTYPE html><html lang="en"><head><title>Blaze UI</title><style> .demo{ height: 500px; width: 500px; background-color: green; color: white; }</style><link rel="stylesheet" href=</head><body><center> <h1 style="color:green">GeeksforGeeks</h1> <h3>A computer science portal for geeks</h3> <strong>Blaze UI Vertical Alignment</strong> <br> <div class="demo u-center-block"> <div class="u-center-block__content u-center-block__content--vertical"> GeeksforGeeks </div> </div></center></body></html> |
Output:
Please Login to comment...