Responsive

daviddelriod · Jan 22, 2024 · fb57889 · fb57889
1 parent 199de86
commit fb57889
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 2 deletions.
diff --git a/assets/css/style.css b/assets/css/style.css
@@ -500,6 +500,21 @@ a.hoverline:hover {
   padding: 30px 0;
 }
 
+.video-container {
+  position: relative;
+  padding-bottom: 56.25%; /* 16:9 Aspect Ratio */
+  height: 0;
+  overflow: hidden;
+}
+
+.video-container iframe {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+}
+
 #experience .card-content .row {
   border-bottom: 1px solid #ddd;
   padding-bottom: 10px;

diff --git a/index.html b/index.html
@@ -307,8 +307,8 @@ <h3 class="page-title white-text teal">Publications</h3>
 
           <div class="col s12 m6 l4">
             <div class="card medium">
-              <div class="card-image waves-effect waves-block waves-light">
-                <iframe src="https://www.linkedin.com/embed/feed/update/urn:li:ugcPost:7151032944034263040?compact=1" height="255" width="370" frameborder="0" allowfullscreen=""></iframe>            
+              <div class= "video-container">
+                <iframe src="https://www.linkedin.com/embed/feed/update/urn:li:ugcPost:7151032944034263040?compact=1" frameborder="0" allowfullscreen=""></iframe>            
               </div>
               <div class="card-content">
                 <span class="card-title activator teal-text hoverline">2010 WC Spain's goal!<i