Responsive Flexbox-based Modal

Responsive Flexbox-Based Modals

Passing data-attributes!

Modal Plain
Modal (w/Detached Header and Right Icon Menu)
Modal (w/Header and Right Icon Menu)
Modal (w/Header and Left Icon Menu)
Modal (Passing Data-Attributes w/Transparent Overlay)
Modal (Passing Data-Attributes w/Eye-Searing Red Overlay Color)
Modal (Passing Data-Attributes w/HTML)
Modal (Passing Data-Attributes #1)
Modal (Passing Data-Attributes #2)

Example Modal Content ...for this CSS Demo

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt nihil asperiores recusandae odio distinctio earum voluptatibus, quisquam repellendus voluptas quaerat quis est totam, optio quia, molestias voluptatum error libero pariatur!

Hi. I'm a Header.

Example Modal Content ...for this CSS Demo

Get Source Code