JSFiddle - React, Tailwind, and code Playground

by TerryJuneJr

HTML

<!DOCTYPE html>

<html>
    <head>
        <title>Image Container</title>
    </head>

    <body>
        <div class="container">
            <img src="http://www.taylorswiftweb.net/wp-content/themes/wonderstruck/images/index_08.png" alt="Taylor Swift">
        </div>
    </body>
</html>

CSS

body {
    background-color: #eaeaea;
    
    margin: 1em;
}

img {
    background-color: #ffffff;

    border: 1px solid #cccccc;
    box-shadow: 0px 1px 5px #cccccc;

    padding: 0.5em;

    height: auto;
    max-width: 100%;
}

.container {
    margin: 0 auto;

    max-width: 960px;
}