B45i/index.html

## index.html
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>JS Bin</title>
<style id="jsbin-css">
.container {
	width: 80%;
	background-color: #ddd;
	margin: 30px auto;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-auto-columns: 30px;
	grid-gap: 10px;
	padding: 10px
}

.pic > img {
	max-width: 100%;
	width: -webkit-fill-available;
}
</style>
</head>
<body>
<div class=container>
</div>
<script id="jsbin-javascript">
fetch("https://www.instagram.com/b45i.me/?__a=1")
  .then(response => response.json())
  .then(data => render(parseData(data)));

const  parseData = data => (data.graphql.user.edge_owner_to_timeline_media.edges || [])
	.map(x => x.node.thumbnail_src);

const render = imgs => {
	document.querySelector('.container').innerHTML = (imgs || []).reduce((html, img) => html += `<div class="pic"><img src="${img}" alt=""></div>`, '');;
}
</script>


<script id="jsbin-source-css" type="text/css">.container {
	width: 80%;
	background-color: #ddd;
	margin: 30px auto;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-auto-columns: 30px;
	grid-gap: 10px;
	padding: 10px
}

.pic > img {
	max-width: 100%;
	width: -webkit-fill-available;
}</script>

<script id="jsbin-source-javascript" type="text/javascript">fetch("https://www.instagram.com/b45i.me/?__a=1")
  .then(response => response.json())
  .then(data => render(parseData(data)));

const  parseData = data => (data.graphql.user.edge_owner_to_timeline_media.edges || [])
	.map(x => x.node.thumbnail_src);

const render = imgs => {
	document.querySelector('.container').innerHTML = (imgs || []).reduce((html, img) => html += `<div class="pic"><img src="${img}" alt=""></div>`, '');;
}</script></body>
</html>

## jsbin.salolew.css
.container {
	width: 80%;
	background-color: #ddd;
	margin: 30px auto;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-auto-columns: 30px;
	grid-gap: 10px;
	padding: 10px
}

.pic > img {
	max-width: 100%;
	width: -webkit-fill-available;
}

## jsbin.salolew.js
fetch("https://www.instagram.com/b45i.me/?__a=1")
  .then(response => response.json())
  .then(data => render(parseData(data)));

const  parseData = data => (data.graphql.user.edge_owner_to_timeline_media.edges || [])
	.map(x => x.node.thumbnail_src);

const render = imgs => {
	document.querySelector('.container').innerHTML = (imgs || []).reduce((html, img) => html += `<div class="pic"><img src="${img}" alt=""></div>`, '');;
}
	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width">
	<title>JS Bin</title>
	<style id="jsbin-css">
	.container {
	width: 80%;
	background-color: #ddd;
	margin: 30px auto;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-auto-columns: 30px;
	grid-gap: 10px;
	padding: 10px
	}

	.pic > img {
	max-width: 100%;
	width: -webkit-fill-available;
	}
	</style>
	</head>
	<body>
	<div class=container>
	</div>
	<script id="jsbin-javascript">
	fetch("https://www.instagram.com/b45i.me/?__a=1")
	.then(response => response.json())
	.then(data => render(parseData(data)));

	const parseData = data => (data.graphql.user.edge_owner_to_timeline_media.edges \|\| [])
	.map(x => x.node.thumbnail_src);

	const render = imgs => {
	document.querySelector('.container').innerHTML = (imgs \|\| []).reduce((html, img) => html += `<div class="pic"><img src="${img}" alt=""></div>`, '');;
	}
	</script>


	<script id="jsbin-source-css" type="text/css">.container {
	width: 80%;
	background-color: #ddd;
	margin: 30px auto;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-auto-columns: 30px;
	grid-gap: 10px;
	padding: 10px
	}

	.pic > img {
	max-width: 100%;
	width: -webkit-fill-available;
	}</script>

	<script id="jsbin-source-javascript" type="text/javascript">fetch("https://www.instagram.com/b45i.me/?__a=1")
	.then(response => response.json())
	.then(data => render(parseData(data)));

	const parseData = data => (data.graphql.user.edge_owner_to_timeline_media.edges \|\| [])
	.map(x => x.node.thumbnail_src);

	const render = imgs => {
	document.querySelector('.container').innerHTML = (imgs \|\| []).reduce((html, img) => html += `<div class="pic"><img src="${img}" alt=""></div>`, '');;
	}</script></body>
	</html>