CodePen Embed - git-html-previewer

<div>

  <iframe src="https://githtmlpreview.netlify.app/" width="1600" height="600" frameborder="0">
  </iframe>
  <iframe src="https://devtools42.netlify.app/" width="1600" height="600" frameborder="0">
  </iframe>
  <iframe src="https://ternary42.netlify.app/" width="1600" height="600" frameborder="0">
  </iframe>

  <iframe src="https://determined-dijkstra-ee7390.netlify.app/" width="1600" height="600" frameborder="0">

    <iframe src="   https://determined-dijkstra-ee7390.netlify.app/        " width="1600" height="600" frameborder="0">

      <iframe src="    https://potluck-landing.netlify.app/        " width="1600" height="600" frameborder="0">

        <iframe src="   https://web-dev-interview-prep-quiz-website.netlify.app/         " width="1600" height="600" frameborder="0">

          <iframe src="    https://bgoonz-blog.netlify.app/showcase        " width="1600" height="600" frameborder="0">

          </iframe>
          <iframe src="https://mihirbegmusiclab.netlify.app/" width="1600" height="600" frameborder="0">
          </iframe>
          <iframe src="https://www.youtube.com/embed/xGZSWvFess8" width="1600" height="600" frameborder="0">
          </iframe>

          <iframe src="https://lambda-resources.netlify.app/" width="1600" height="600" frameborder="0">
          </iframe>
          <iframe src="https://random-list-of-embedable-content.vercel.app/" width="1600" height="600" frameborder="0">
          </iframe>
          <iframe src="https://bgoonz.blogspot.com/" width="1600" height="600" frameborder="0">
          </iframe>

          <iframe src="https://ds-unit-5-lambda.netlify.app/" width="1600" height="600" frameborder="0">

          </iframe>
          <iframe src="https://mihirbegmusiclab.netlify.app/" width="1600" height="600" frameborder="0">
          </iframe>
          <iframe src="https://www.youtube.com/embed/xGZSWvFess8" width="1600" height="600" frameborder="0">
          </iframe>
</div>

[style*="--aspect-ratio"] > :first-child {
  width: 100%;
}
[style*="--aspect-ratio"] > img {
  height: auto;
}
@supports (--custom: property) {
  [style*="--aspect-ratio"] {
    position: relative;
  }
  [style*="--aspect-ratio"]::before {
    content: "";
    display: block;
    padding-bottom: calc(100% / (var(--aspect-ratio)));
  }
  [style*="--aspect-ratio"] > :first-child {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
  }
}

This Pen is owned by Bryan C Guner on CodePen. It is a fork of this Pen.

See more by @bgoonz on CodePen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.