Browse Source

Some styling

main
Julio Biason 2 years ago
parent
commit
87ab4ef5f0
  1. 26
      index.html

26
index.html

@ -5,22 +5,36 @@
<meta charset=utf-8>
<title>HUE HUE Name Generator</title>
<style type="text/css">
#header {
font-size: large;
height: 3em;
line-height: 3em;
text-align: center;
background-color: #24283b;
margin-bottom: 20px;
}
#content {
display: flex;
justify-content: space-around;
flex-direction: row;
}
#content>.block {
flex: auto;
float: left;
width: 18%;
border: 2px solid #bebebe;
border-radius: 5px;
box-shadow: 6px 6px rgba(64, 64, 64, .2);
padding: 10px;
margin-right: 10px;
margin-bottom: 20px;
}
</style>
</head>
<body>
<div>
<div id="header">
<button id="generator">
Mais!
Mais nomes!
</button>
</div>
<div id="content"></div>

Loading…
Cancel
Save