Google Document Viewer

in iframe

by Michael Danilov

HTML

<div class="embedded">
  <iframe src="https://docs.google.com/viewer?embedded=true&url=https://livetyping.com/pdf/Confa.pdf" frameborder="0" style></iframe>
</div>

SCSS

.embedded {
  position: relative;
  display: block;
  height: 0;
  padding: 0 0 56.25%;
  overflow: hidden;
  
  & iframe {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
  }
}