minor touchups again, now live!
This commit is contained in:
parent
4cee5f089f
commit
a56dd3ebbe
2
demo.js
2
demo.js
@ -1,6 +1,6 @@
|
|||||||
const staggerVisualizerEl = document.querySelector('.stagger-visualizer');
|
const staggerVisualizerEl = document.querySelector('.stagger-visualizer');
|
||||||
const fragment = document.createDocumentFragment();
|
const fragment = document.createDocumentFragment();
|
||||||
const grid = [17, 6];
|
const grid = [12, 6];
|
||||||
const col = grid[0];
|
const col = grid[0];
|
||||||
const row = grid[1];
|
const row = grid[1];
|
||||||
const numberOfElements = col * row;
|
const numberOfElements = col * row;
|
||||||
|
|||||||
@ -4,8 +4,12 @@
|
|||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
}
|
}
|
||||||
|
|
||||||
body {
|
body,
|
||||||
|
html {
|
||||||
overflow-x: hidden;
|
overflow-x: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
body {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
font-family: Roboto, sans-serif;
|
font-family: Roboto, sans-serif;
|
||||||
color: #d7d6d4;
|
color: #d7d6d4;
|
||||||
@ -53,6 +57,7 @@ img {
|
|||||||
|
|
||||||
.foot {
|
.foot {
|
||||||
padding-top: 2rem;
|
padding-top: 2rem;
|
||||||
|
padding-bottom: 1rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.row {
|
.row {
|
||||||
@ -133,7 +138,7 @@ a:visited {
|
|||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
width: 17rem;
|
width: 12rem;
|
||||||
height: 6rem;
|
height: 6rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user