howto.html in appscms-tools-theme-4.0.9

- old
+ new

@@ -1,7 +1,7 @@
 <div class="container appscms-how-to-section p-3 pb-3 mt-5">
-  <div class="row align-items-center py-3">
+  <div class="row py-3">
     {%- if site.monumetricId and page.url != '/' and page.lang == 'en' -%}
     <div class="col-md-9 mx-auto">
       <div class="row">
         {%- endif -%}
         <div class="col-md-6 appscms-howto-image">
@@ -12,20 +12,20 @@
             param in params %} {% if param contains "v=" %} {% assign video_id =
             param | split: "=" | last %} {% endif %} {% endfor %} {%- if
             site.monumetricId -%}
             <iframe
               class="youtubeVideoPlayer"
-              width="400"
-              height="315"
+              width="100%"
+              height="60%"
               src="https://www.youtube.com/embed/{{video_id}}?autoplay=1&mute=1"
               allowfullscreen
             >
             </iframe>
             {%- else -%}
             <iframe
               class="youtubeVideoPlayer"
-              width="500"
-              height="315"
+              width="100%"
+              height="100%"
               src="https://www.youtube.com/embed/{{video_id}}?autoplay=1&mute=1"
               allowfullscreen
             >
             </iframe>
             {%- endif -%}