marksumoto

<!--
16/07/18 - Simplified approach, now works in Safari as well
 -->
<h1>Responsive eCommerce layout using CSS Grid</h1>
<h3><a href="https://codepen.io/collection/DapBxW" target="_blank">More CSS Grid layouts</a></h3>
<ul id="productGrid">
  <li class="product">
    <div class="details">
      <h2>STAN SMITH</h2>
      <p class="price">£74.95</p>

wkrsz

// http://stackoverflow.com/questions/12286332/twitter-bootstrap-remote-modal-shows-same-content-everytime

$(document).on('hidden.bs.modal', '.modal', function () {
  var modalData = $(this).data('bs.modal');
  
  // Destroy modal if has remote source – don't want to destroy modals with static content.
  if (modalData && modalData.options.remote) {
    // Destroy component. Next time new component is created and loads fresh content
    $(this).removeData('bs.modal');
    // Also clear loaded content, otherwise it would flash before new one is loaded.

profstein

Responsive Google Maps Embed

This HTML and CSS shows how to embed a Google Map so that it is responsive and resizes with the window. To use it in your project you need to change two things:

1. The iframe in the map.html on line 2. You would copy and paste this from the Google Map you wanted to embed
2. The padding bottom on line 13 of map.css Read the instructions on lines 9–12 of that file.