
previous

page 23
next
my styles.css
body {
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
height:90vmin;
}
#message {
font-size:4vmin;
height:9vmin;
}
.row {
display:flex;
}
.cell {
width:10vmin;
height:10vmin;
margin:1vmin;
border:thick solid lightgrey;
display:flex;
justify-content:center;
align-items:center;
font-size:6vmin;
}
.c0 {
visibility:hidden;
}
.c1 {
background-color:pink;
}
.c2 {
background-color:lightgreen;
}
.c3 {
background-color:lightblue;
}
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
height:90vmin;
}
#message {
font-size:4vmin;
height:9vmin;
}
.row {
display:flex;
}
.cell {
width:10vmin;
height:10vmin;
margin:1vmin;
border:thick solid lightgrey;
display:flex;
justify-content:center;
align-items:center;
font-size:6vmin;
}
.c0 {
visibility:hidden;
}
.c1 {
background-color:pink;
}
.c2 {
background-color:lightgreen;
}
.c3 {
background-color:lightblue;
}
previous
next