Responsive iframe class

PHOTO EMBED

Thu Apr 22 2021 11:54:21 GMT+0000 (UTC)

Saved by @fabiangregoire #css #scss

.iframe-container {
      // overflow: hidden;
      // /* 16:9 aspect ratio */
      // padding-top: 56.25%;
      // position: relative;
      width: 100%;
      padding-top: 100%;
      position: relative;
      iframe {
         // border: 0;
         // height: 100%;
         // left: 0;
         // position: absolute;
         // top: 0;
         // width: 100%;
         position: absolute;
         top: 0;
         left: 0;
         width: 100%;
         height: 100%;
      }
    }
content_copyCOPY

Format carré; en commentaire le format standard16:9