CSS Layout - Most popular layouts and patterns that can be built with CSS | Product Hunt Embed
.home
~
.explore

Modal

You can use the close button to represent the button for closing the modal.
<div style="
    /* Border */
    border: 1px solid rgba(0, 0, 0.3);
    border-radius: 4px;
">
    <!-- Header -->
    <div style="
        display: flex;
        justify-content: space-between;
        /* Border */
        border-bottom: 1px solid rgba(0, 0, 0.3);
    ">
        <!-- Title -->
        ...
        <!-- Close icon sticks to the right -->
        ...
    </div>

    <!-- Content -->
    ...

    <!-- Footer -->
    <div style="
        display: flex;
        /* Push the buttons to the right */
        justify-content: flex-end;
        /* Border */
        border-top: 1px solid rgba(0, 0, 0.3);
    ">
        ...
    </div>
</div>
Subscribe to the newsletter for the latest layouts or patterns. No spam. Ever!