We're building the card modal window based on Bootstrap's modal plugin, and the layout of the card modal is simple, as you can see from the layout diagram here:
Figure 13.2: The layout of the card modal window
The card title will be placed inside the .modal-title element, and inside .modal-body, we will use Flexbox to put the .card-container element and the .card-controls element side by side, with the width of .card-controls fixed, and .card-container takes all the remaining space using flex-grow. For the details of the UI layout, you can check the commit history on GitHub.