CSS Codes
CSS Layouts

<html>

<head>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
<link rel="stylesheet" href="youtubegallerywall.css" />

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

<script src="youtubegallerywall.js">

/***********************************************
* YouTube Gallery Wall - (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
* Please keep this notice intact
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for this script and 100s more
***********************************************/

</script>

<script>

jQuery(function(){ // on DOM load
//syntax $(selector).youtubegallery()
$('#youtubelist').youtubegallery()
})

</script>
</head>

<body>

<ul id="youtubelist">
<li><a href="https://www.youtube.com/watch?v=iC_v67yeNXQ" data-url="http://dynamicdrive.com/dynamicindex17/youtube-video-gallery.htm">Responsive Youtube Video Gallery</a></li>
<li><a href="https://www.youtube.com/watch?v=gBJl1ODksNU">Best of Trance 2012</a></li>
<li><a href="https://youtu.be/oIlIVFBBbNw">Pigeons Animation</a></li>
<li><a href="https://youtu.be/Eoq5VKfCOLU" data-url="http://dynamicdrive.com/dynamicindex16/featurebox/index.html">Blossom Opt-In Box</a></li>
<li><a href="https://youtu.be/KWFfDyupGpQ">Who's Your Favorite</a></li>
<li><a href="https://youtu.be/GHWsBnQ178w" data-url="http://dynamicdrive.com/dynamicindex1/sticky-horizontal-menu.htm">Sticky Horizontal Menu</a></li>
<li><a href="https://youtu.be/ROipDjNYK4k">Alarm- Short Animation</a></li>
<li><a href="https://youtu.be/fzrfrXhE-w4">Sam- Short Animation</a></li>
<li><a href="https://youtu.be/8ZRLlyxvr6E">Paste Of Love</a></li>
<li><a href="https://youtu.be/O_yVo3YOfqQ">Changing Batteries</a></li>
<li><a href="https://youtu.be/gMRScklkpa4">Panda Bear</a></li>
<li><a href="https://youtu.be/OXVcMogNVRE">Wild Animals</a></li>
</ul>
</body>
</html>