Add Tweet to Page

index.html

@@ -138,7 +138,7 @@
                         <a class="article-link" href="#"></a>
 
                         <div class="article-content">
-                            <iframe src="https://www.youtube.com/watch?v=XY6idnRlPsU"></iframe>
+                            <iframe src="https://www.youtube.com/embed/XY6idnRlPsU?si=HnFL8-if6-zB6tU2" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
                         </div>
                     </div>
                 </div>
@@ -157,9 +157,7 @@
                     <div class="article-content-container">
                         <a class="article-link" href="#"></a> 
 
-                        <div class="article-content">
-                            <iframe src="https://twitter.com/NASA?ref_src=twsrc%5Egoogle%7Ctwcamp%5Eserp%7Ctwgr%5Eauthor"></iframe>
-                        </div>
+                        <img class="article-image article-image-full" src="img/tweet.png"></img>
                     </div>
                 </div>
             </article>

styles.css

@@ -221,6 +221,13 @@ main {
     object-fit: cover;    
 }
 
+.article-content-container > .article-image-full {
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    object-fit: contain;   
+}
+
 .article-content-container > .article-content {
     position: absolute;
     top: 0;
@@ -387,7 +394,7 @@ main {
     display: block;
 }
 
-iframe {
+.article-content > iframe {
     width: 100%;
     height: 100%;
 }