Semantic UI is a modern framework used in developing seamless designs for web pages, It gives the user a lightweight experience with its components. It uses predefined CSS and jQuery to incorporate different frameworks. It makes web pages look amazing and responsive.

Semantic UI Popup is used to display additional information through popups to the user. It alerts and provides the user with necessary information. Popups can help to save space and only show information when the user interacts with the webpage.

Semantic UI Popup Flowing Variation sets the popup with no maximum width so it can flow its width along as the content.

Semantic UI Popup Flowing Variation Classes:

• flowing: Adding this variation, the content takes place of the whole screen.

Syntax: Add the flowing class to data variation as follows:

<div class="ui flowing popup">
    ....
</div>

or

<i data-variation="flowing"></i>

Example: In the following example, we have an icon with the flowing option enabled, where the popup extends through the whole screen.

Output:

Reference link: https://semantic-ui.com/modules/popup.html#flowing