1.0CopyCat Bloghttps://www.copycat.dev/blogcopycathttps://www.copycat.dev/blog/author/copycat/CSS Overflow 101: Build Beautiful Web Pages - CopyCat Blogrich600338<blockquote class="wp-embedded-content" data-secret="nF2GQaHWd7"><a href="https://www.copycat.dev/blog/css-overflow/">CSS Overflow 101: Everything You Need to Know to Build Beautiful Web Pages</a></blockquote><iframe sandbox="allow-scripts" security="restricted" src="https://www.copycat.dev/blog/css-overflow/embed/#?secret=nF2GQaHWd7" width="600" height="338" title="“CSS Overflow 101: Everything You Need to Know to Build Beautiful Web Pages” — CopyCat Blog" data-secret="nF2GQaHWd7" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" class="wp-embedded-content"></iframe><script type="text/javascript"> /* <![CDATA[ */ /*! This file is auto-generated */ !function(d,l){"use strict";l.querySelector&&d.addEventListener&&"undefined"!=typeof URL&&(d.wp=d.wp||{},d.wp.receiveEmbedMessage||(d.wp.receiveEmbedMessage=function(e){var t=e.data;if((t||t.secret||t.message||t.value)&&!/[^a-zA-Z0-9]/.test(t.secret)){for(var s,r,n,a=l.querySelectorAll('iframe[data-secret="'+t.secret+'"]'),o=l.querySelectorAll('blockquote[data-secret="'+t.secret+'"]'),c=new RegExp("^https?:$","i"),i=0;i<o.length;i++)o[i].style.display="none";for(i=0;i<a.length;i++)s=a[i],e.source===s.contentWindow&&(s.removeAttribute("style"),"height"===t.message?(1e3<(r=parseInt(t.value,10))?r=1e3:~~r<200&&(r=200),s.height=r):"link"===t.message&&(r=new URL(s.getAttribute("src")),n=new URL(t.value),c.test(n.protocol))&&n.host===r.host&&l.activeElement===s&&(d.top.location.href=t.value))}},d.addEventListener("message",d.wp.receiveEmbedMessage,!1),l.addEventListener("DOMContentLoaded",function(){for(var e,t,s=l.querySelectorAll("iframe.wp-embedded-content"),r=0;r<s.length;r++)(t=(e=s[r]).getAttribute("data-secret"))||(t=Math.random().toString(36).substring(2,12),e.src+="#?secret="+t,e.setAttribute("data-secret",t)),e.contentWindow.postMessage({message:"ready",secret:t},"*")},!1)))}(window,document); /* ]]> */ </script> https://www.copycat.dev/blog/wp-content/uploads/2023/02/overflow.png22401260Learn everything about CSS Overflow, including best practices, and use it effectively to create beautiful and repsonsive web pages.
This XML file does not appear to have any style information associated with it. The document tree is shown below.
<oembed>
<version>1.0</version>
<provider_name>CopyCat Blog</provider_name>
<provider_url>https://www.copycat.dev/blog</provider_url>
<author_name>copycat</author_name>
<author_url>https://www.copycat.dev/blog/author/copycat/</author_url>
<title>CSS Overflow 101: Build Beautiful Web Pages - CopyCat Blog</title>
<type>rich</type>
<width>600</width>
<height>338</height>
<html><blockquote class="wp-embedded-content" data-secret="nF2GQaHWd7"><a href="https://www.copycat.dev/blog/css-overflow/">CSS Overflow 101: Everything You Need to Know to Build Beautiful Web Pages</a></blockquote><iframe sandbox="allow-scripts" security="restricted" src="https://www.copycat.dev/blog/css-overflow/embed/#?secret=nF2GQaHWd7" width="600" height="338" title="“CSS Overflow 101: Everything You Need to Know to Build Beautiful Web Pages” — CopyCat Blog" data-secret="nF2GQaHWd7" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" class="wp-embedded-content"></iframe><script type="text/javascript"> /* <![CDATA[ */ /*! This file is auto-generated */ !function(d,l){"use strict";l.querySelector&&d.addEventListener&&"undefined"!=typeof URL&&(d.wp=d.wp||{},d.wp.receiveEmbedMessage||(d.wp.receiveEmbedMessage=function(e){var t=e.data;if((t||t.secret||t.message||t.value)&&!/[^a-zA-Z0-9]/.test(t.secret)){for(var s,r,n,a=l.querySelectorAll('iframe[data-secret="'+t.secret+'"]'),o=l.querySelectorAll('blockquote[data-secret="'+t.secret+'"]'),c=new RegExp("^https?:$","i"),i=0;i<o.length;i++)o[i].style.display="none";for(i=0;i<a.length;i++)s=a[i],e.source===s.contentWindow&&(s.removeAttribute("style"),"height"===t.message?(1e3<(r=parseInt(t.value,10))?r=1e3:~~r<200&&(r=200),s.height=r):"link"===t.message&&(r=new URL(s.getAttribute("src")),n=new URL(t.value),c.test(n.protocol))&&n.host===r.host&&l.activeElement===s&&(d.top.location.href=t.value))}},d.addEventListener("message",d.wp.receiveEmbedMessage,!1),l.addEventListener("DOMContentLoaded",function(){for(var e,t,s=l.querySelectorAll("iframe.wp-embedded-content"),r=0;r<s.length;r++)(t=(e=s[r]).getAttribute("data-secret"))||(t=Math.random().toString(36).substring(2,12),e.src+="#?secret="+t,e.setAttribute("data-secret",t)),e.contentWindow.postMessage({message:"ready",secret:t},"*")},!1)))}(window,document); /* ]]> */ </script> </html>
<thumbnail_url>https://www.copycat.dev/blog/wp-content/uploads/2023/02/overflow.png</thumbnail_url>
<thumbnail_width>2240</thumbnail_width>
<thumbnail_height>1260</thumbnail_height>
<description>Learn everything about CSS Overflow, including best practices, and use it effectively to create beautiful and repsonsive web pages.</description>
</oembed>