Skip to content

Instantly share code, notes, and snippets.

@Fprince333

Fprince333/iframe-style.html

Last active December 4, 2020 03:54
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save Fprince333/ec1d4ecf63a3c5eefcb659040923ded2 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save Fprince333/ec1d4ecf63a3c5eefcb659040923ded2 to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. Fprince333 revised this gist Dec 4, 2020. 1 changed file with 2 additions and 2 deletions.
    4 changes: 2 additions & 2 deletions iframe-style.html
    View file
    Original file line number Diff line number Diff line change
    @@ -1,5 +1,5 @@
    <style>
    @media screen and (max-width: 699px){
    @media screen and (max-width: 767px){
    .content_wrapper {
    width: 100%;
    max-width: unset;
    @@ -9,7 +9,7 @@
    width: 100%;
    height: calc(95vh - 105px);
    }
    @media screen and (min-width: 700px){
    @media screen and (min-width: 768px){
    iframe {
    height: 407px;
    border-radius: 10px;
  2. Fprince333 revised this gist Dec 1, 2020. 1 changed file with 3 additions and 3 deletions.
    6 changes: 3 additions & 3 deletions iframe-style.html
    View file
    Original file line number Diff line number Diff line change
    @@ -1,5 +1,5 @@
    <style>
    @media screen and (max-width: 599px){
    @media screen and (max-width: 699px){
    .content_wrapper {
    width: 100%;
    max-width: unset;
    @@ -9,7 +9,7 @@
    width: 100%;
    height: calc(95vh - 105px);
    }
    @media screen and (min-width: 600px){
    @media screen and (min-width: 700px){
    iframe {
    height: 407px;
    border-radius: 10px;
    @@ -21,7 +21,7 @@
    }
    }

    @media screen and (min-width: 1024px){
    @media screen and (min-width: 1180px){
    iframe {
    height: 677px;
    }
  3. Fprince333 created this gist Nov 25, 2020.
    29 changes: 29 additions & 0 deletions iframe-style.html
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,29 @@
    <style>
    @media screen and (max-width: 599px){
    .content_wrapper {
    width: 100%;
    max-width: unset;
    }
    }
    iframe {
    width: 100%;
    height: calc(95vh - 105px);
    }
    @media screen and (min-width: 600px){
    iframe {
    height: 407px;
    border-radius: 10px;
    }
    }
    @media screen and (min-width: 1024px){
    iframe {
    height: 537px;
    }
    }

    @media screen and (min-width: 1024px){
    iframe {
    height: 677px;
    }
    }
    </style>