Untitled

dabblet.css

*. {
  box-sizing: border-box;
}

body{
margin: 0; 
min-width:100vw;
min-height:100vh;}

.centrer{
position:absolute;
width:100%;
height:100%;}

.un {
  position: absolute;
  width: 1000;
  height: 600px;
}

.deux {
  position: absolute;
  left: 800px;
  right: 0px;
}

.trois {
  position: absolute;
  left: 800px;
  top: 400px;
}

.quatre {
  position: absolute;
  left: 500px;
  top: 0px;
}

.cinq {
  position: absolute;
  left: 500px;
  top: 400px;
}

dabblet.html

<link rel="stylesheet" type="text/css" href="style.css" />

<div class="centrer">
  <img class="un" src="https://placekitten.com/1000/600" />
  <img class="deux" src="https://placekitten.com/g/200/200" />
  <img class="trois" src="https://placekitten.com/g/200/200" />
  <img class="quatre" src="https://placekitten.com/g/200/200" />
  <img class="cinq" src="https://placekitten.com/g/200/200" /></div>

dabblet.js

//alert('Hello world!');

settings.json

{"view":"split","fontsize":"70","seethrough":"","prefixfree":"1","page":"all"}