stylesheet add

JohnMThompson · Feb 20, 2024 · 5a5ab07 · 5a5ab07
1 parent 24793cb
commit 5a5ab07
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 2 deletions.
diff --git a/index.html b/index.html
@@ -1,21 +1,25 @@
 <!DOCTYPE html>
 <html>
 <head>
+<link rel="stylesheet" href="stylesheet.css">
 <title>Canva Embed Test</title>
 </head>
 
 <body>
 
 <h1>Canva Embed Test</h1>
 
-<div style="position: relative; width: 100vw; height: 100vh; padding-top: 71.4286%;
+<!-- <div style="position: relative; width: 100vw; height: 100vh; padding-top: 71.4286%;
  padding-bottom: 0; box-shadow: 0 2px 8px 0 rgba(63,69,81,0.16); margin-top: 1.6em; margin-bottom: 0.9em; overflow: hidden;
  border-radius: 8px; will-change: transform;">
  <iframe loading="lazy" style="position: absolute; width: 100%; height: 100%; top: 0; left: 0; border: none; padding: 0;margin: 0;"
  src="https:&#x2F;&#x2F;www.canva.com&#x2F;design&#x2F;DAF2iwOQWFo&#x2F;Pr0QOgNQXEdcimJpl7WPoA&#x2F;view?embed" allowfullscreen="allowfullscreen" allow="fullscreen">
  </iframe>
 </div>
-<a href="https:&#x2F;&#x2F;www.canva.com&#x2F;design&#x2F;DAF2iwOQWFo&#x2F;Pr0QOgNQXEdcimJpl7WPoA&#x2F;view?utm_content=DAF2iwOQWFo&amp;utm_campaign=designshare&amp;utm_medium=embeds&amp;utm_source=link" target="_blank" rel="noopener">2022 Christmas Card (Invitations)</a> by John Thompson
+<a href="https:&#x2F;&#x2F;www.canva.com&#x2F;design&#x2F;DAF2iwOQWFo&#x2F;Pr0QOgNQXEdcimJpl7WPoA&#x2F;view?utm_content=DAF2iwOQWFo&amp;utm_campaign=designshare&amp;utm_medium=embeds&amp;utm_source=link" target="_blank" rel="noopener">2022 Christmas Card (Invitations)</a> by John Thompson -->
+
+<iframe src="https:&#x2F;&#x2F;www.canva.com&#x2F;design&#x2F;DAF2iwOQWFo&#x2F;Pr0QOgNQXEdcimJpl7WPoA&#x2F;view?embed" allowfullscreen="allowfullscreen" allow="fullscreen">
+</iframe>
 
 </body>
 

diff --git a/stylesheet.css b/stylesheet.css
@@ -0,0 +1,16 @@
+html,body{
+ width:100%;
+ height:100vh;
+ overflow:hidden;
+ margin:0px;
+ padding:0px;
+ border:none;
+}
+iframe{
+ width:100%;
+ height:100vh;
+ overflow:hidden;
+ margin:0px;
+ padding:0px;
+ border:none;
+}