Media Cases - By Craig Erskine

HTML/CSS framework for case overlays on top of media cover art.

{{value.title}} {{ i }}

1

Include the CSS:

<link rel="stylesheet" href="css/media.css" />

2
Sample Markup: NOTE: replace ps4 with whatever case you want and cover-art.jpg with the path to your own hosted cover artwork.
Also, you can use your own CSS to style the overall layout, in the above demo I used Twind.
```
<ul>
  <li><a href="#" class="media-case media-ps4"><img src="cover-art.jpg" /></a></li>
  ...
</ul>
```