zuloobasics.blogg.se

Make iframe responsive
Make iframe responsive





make iframe responsive

  • Like with most absolute positioned elements, we need to set the top and left properties so the iframe get’s put in the right place.
  • Using overflow: hidden is important because it ensures if any content does protrude outside of the container, it will be hidden and avoid screwing up the sites layout.
  • height is set to 0 because padding-bottom gives the iframe it’s height.
  • Go on Youtube, click on the 'share' button under the video and then 'embed' it to copy the link in your.

    The HTML