Semantic UI is a modern framework used in developing seamless designs for the website. It gives the user a lightweight experience with its components. It uses predefined CSS and jQuery to incorporate different frameworks.

Semantic UI Segment is a segment is a container used to place contents of the same type or same category. It is used to group related items. Semantic UI Stacked Segments Group is used to stack a group of segments one above another. The segments appear to be stacked one above another.

Semantic UI Stacked Segments Group Classes:

• stacked segments: The container with this class can contain segments that appear to be stacked from top to bottom.

Syntax: Create a container with stacked segments class and place the container segments inside it as follows:

<div class="ui stacked segments">
    <div class="ui segment">
        ...
    </div>
    ...
</div>

Example: In the following example, we have a list of segments that are stacked one upon another using the stacked segments.

Output

Semantic-UI Stacked Segments Group

Reference: https://semantic-ui.com/elements/segment.html#stacked-segments