Skip to content

Instantly share code, notes, and snippets.

@Pharap

Pharap/Dialogue.html Secret

Last active September 18, 2022 10:11
Show Gist options
  • Save Pharap/cbf8802a6184687ca3d24a11dc67c14b to your computer and use it in GitHub Desktop.
Save Pharap/cbf8802a6184687ca3d24a11dc67c14b to your computer and use it in GitHub Desktop.
Download ZIP
Dialogue Example
Raw
Dialogue.html
<html>
<head>
<style>
body
{
margin: 0;
padding: 0;
}
dialog
{
margin: auto;
padding: 0;
height: 90%;
width: 90%;
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
dialog > p
{
margin: 0;
padding: 0;
width: 256px;
height: 256px;
background-color: #AAAAAA;
}
@media screen and (min-width: 600px)
{
dialog > p
{
background-color: #AAFFAA;
}
}
</style>
</head>
<body>
<dialog open>
<p>Hello</p>
<p>Hello</p>
<p>Hello</p>
</dialog>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment