That didn't work, trying again
This commit is contained in:
parent
c19ca9b41e
commit
e6673f8432
10
src/main.ts
10
src/main.ts
|
@ -26,14 +26,8 @@ let setImages = () => {
|
|||
for (let index in images) {
|
||||
let img = document.createElement("img");
|
||||
img.setAttribute("src", images[index]);
|
||||
img.style.setProperty(
|
||||
"left",
|
||||
(Math.random() * window.innerWidth).toString() + "px",
|
||||
);
|
||||
img.style.setProperty(
|
||||
"top",
|
||||
(Math.random() * window.innerHeight).toString() + "px",
|
||||
);
|
||||
img.style.setProperty("left", (Math.random() * 100).toString() + "%");
|
||||
img.style.setProperty("top", (Math.random() * 100).toString() + "%");
|
||||
app.append(img);
|
||||
}
|
||||
};
|
||||
|
|
|
@ -16,9 +16,10 @@
|
|||
|
||||
body,
|
||||
html {
|
||||
block-size: 100dvb;
|
||||
inline-size: 100dvi;
|
||||
block-size: 100svb;
|
||||
inline-size: 100svi;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
|
@ -26,6 +27,7 @@ html {
|
|||
inline-size: 100%;
|
||||
block-size: 100%;
|
||||
display: flex;
|
||||
margin: 0;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
flex-direction: column;
|
||||
|
|
Loading…
Reference in New Issue