Pinterest Hacks

Responsive Pinterest Board Widget

(refresh to resize the inner contents of the pinterest widget)

The CSS


.pinterestBoardWrapper {
width: 100%; margin: auto; } .pinterestBoard { margin: auto; text-align: center; } .pinterestBoard span { overflow: hidden; max-width: 100%!important; }

The HTML

Update the url to your board's url.


<div class="pinterestBoardWrapper">
  <div class="pinterestBoard">
    <a data-pin-do="embedBoard" href="http://www.pinterest.com/dancemorristown/flight-risk-aerial-silks/" data-pin-scale-width="200" data-pin-scale-height="500"></a>
  </div>
</div>
<script type="text/javascript" async defer src="//assets.pinterest.com/js/pinit.js"></script>