The Bullseye Layout is designed to both horizontally and vertically center a single child element within its parent.
Task: Center the modal component inside of the page
Center the Modal Component inside of the Page.
1) Copy code into the index.html file.
Click the Copy to Editor button below to add a Modal box component in the
<div class="pf-c-backdrop"> <div class="pf-c-modal-box"> <div class="pf-c-modal-box__body"> This is a PatternFly Modal </div> </div> </div>
pf-l-bullseye to the modal's parent container with the class
Hint: The modal should be centered in the div on the x and y axes.