markhillard · October 9, 2019 19:13
diff --git a/index.html b/index.html
 <em class="😀"></em>
diff --git a/script.js b/script.js
 $.getJSON("https://api.github.com/emojis", function(emoji) {
     $.each(emoji, function(index, value) {
          $('.😀').append('<img src="' + value + '">');
     });
 });
diff --git a/scripts b/scripts
 <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
diff --git a/style.css b/style.css
 .😀 {
 display:grid;
 grid-column-gap:1rem;
 grid-row-gap:1rem;
 grid-template-columns:repeat(auto-fit, minmax(30px, 1fr));
 padding:1rem;
 }

 .😀 img {
 height:auto;
 max-width:100%;
 width:100%;
 }
diff --git a/the-great-wall-of-gitmoji.markdown b/the-great-wall-of-gitmoji.markdown
	$.getJSON("https://api.github.com/emojis", function(emoji) {
	$.each(emoji, function(index, value) {
	$('.😀').append('<img src="' + value + '">');
	});
	});
	.😀 {
	display:grid;
	grid-column-gap:1rem;
	grid-row-gap:1rem;
	grid-template-columns:repeat(auto-fit, minmax(30px, 1fr));
	padding:1rem;
	}

	.😀 img {
	height:auto;
	max-width:100%;
	width:100%;
	}