JSFiddle - React, Tailwind, and code Playground

by tjerabek

HTML

<div class="fold-map">
<img src="http://maps.googleapis.com/maps/api/staticmap?center=Brooklyn+Bridge,New+York,NY&zoom=14&size=300x300&maptype=roadmap
&markers=color:blue%7Clabel:S%7C40.702147,-74.015794&markers=color:green%7Clabel:G%7C40.711614,-74.012318
    &markers=color:red%7Ccolor:red%7Clabel:C%7C40.718217,-73.998284&sensor=false" /></div>

CSS

body{
    padding: 50px;
}
.fold-map{
    padding: 10px;
    -webkit-box-shadow: 0px 1px 3px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 1px 3px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 1px 3px 2px rgba(0, 0, 0, 0.2);
    
    width: 320px;
    height: 320px;
    
}
.fold-map:before{
    content: 'test';
    position: relative;
}