Add some styles so you can tell what's going on
This commit is contained in:
parent
717d917348
commit
a421e998ad
12
index.html
Normal file
12
index.html
Normal file
|
@ -0,0 +1,12 @@
|
||||||
|
<!Doctype HTML>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<script src="elm.js"></script>
|
||||||
|
<link rel="stylesheet" href="style.css"/>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<script>
|
||||||
|
Elm.Main.init()
|
||||||
|
</script>
|
||||||
|
</body>
|
||||||
|
</html>
|
28
style.sass
Normal file
28
style.sass
Normal file
|
@ -0,0 +1,28 @@
|
||||||
|
body
|
||||||
|
background-color: #fce0b5
|
||||||
|
|
||||||
|
.columns
|
||||||
|
display: flex
|
||||||
|
|
||||||
|
.column
|
||||||
|
width: 400px
|
||||||
|
padding: 20px
|
||||||
|
border-right: 1px solid black
|
||||||
|
|
||||||
|
h3
|
||||||
|
text-align: center
|
||||||
|
|
||||||
|
.tile
|
||||||
|
background-color: #fcedd6 //e2b97a
|
||||||
|
position: relative
|
||||||
|
width: 360px
|
||||||
|
height: 80px
|
||||||
|
padding: 0 20px
|
||||||
|
|
||||||
|
display: grid
|
||||||
|
align-items: center
|
||||||
|
|
||||||
|
.tile-stickers
|
||||||
|
position: absolute
|
||||||
|
top: 0
|
||||||
|
left: 0
|
Loading…
Reference in a new issue