Hello,
I’m trying to adjust my blog post video size to responsive.
Here is my current blog post looks like,
But when i try to change the view into Mobile view, then my video size got shrinks as well as my texts like this.
So i would like to change my video size to be responsive to any screen.
Please help
thank you.
and here is my HTML Code looks like:
<style><!--
#shopify-section-template--14915905749198__main {
margin-top: 850px;
}
.Article__Header,
.PageHeader {
display: none
}
.PageContent--narrow {
max-width: unset;
}
.container {
padding: 0 60px;
}
.enjoy_header {
font-weight: 400;
font-size: 36px;
}
.enjoy_directions h1,
.enjoy_ing h1 {
font-size: 24px !important;
text-decoration: underline;
letter-spacing: 0 !important;
font-weight: 400;
}
.enjoy_directions,
.enjoy_ing li {
font-weight: 600;
font-size: 24px !important;
}
.ArticleToolbar,
.Article__CommentFormWrapper{
display:none;
}
.enjoy_directions,
.enjoy_ing li {
font-size: 24px !important;
}
--></style>
<div class="enjoy_video"><iframe data-sanitized-frameborder="0" data-sanitized-allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" data-sanitized-allowfullscreen="" width="560" height="315" src="https://www.youtube.com/embed/89sbdkWWUHs" title="YouTube video player"></iframe></div>
<div class="enjoy_des">
<div class="enjoy_header"><span style="color: #000000;">KIMCHI BIBIM MYEON</span></div>
</div>
<div class="enjoy_ing">
<h1><span style="color: #000000;">Ingredients:</span></h1>
<ul>
<li><span style="color: #000000;">PKWK kimchi 1 can</span></li>
<li><span style="color: #000000;">3 tablespoons gochujang</span></li>
<li><span style="color: #000000;">2 teaspoons cracked red chili flakes</span></li>
<li><span style="color: #000000;">1 clove chopped garlic</span></li>
<li><span style="color: #000000;">1 tablespoon sugar</span></li>
<li><span style="color: #000000;">Julienned cucumbers - about ⅓ of a whole cucumber</span></li>
<li><span style="color: #000000;">2 teaspoons sesame oil</span></li>
<li><span style="color: #000000;">2 teaspoons sesame seeds</span></li>
</ul>
</div>
<div class="enjoy_directions">
<h1><span style="color: #000000;">Directions:</span></h1>
<ol>
<li><span style="color: #000000;">Prepare a small mixing bowl.</span></li>
<li><span style="color: #000000;">Into the bowl add gochujang, sugar, red wine vinegar, garlic and mix well.</span></li>
<li><span style="color: #000000;">Once the sugar has dissolved, add in PKWK kimchi, mix well and set aside.</span></li>
<li><span style="color: #000000;">Heat a pot of water up to boiling point.</span></li>
<li><span style="color: #000000;">Into the boiling water add in soba noodles.</span></li>
<li><span style="color: #000000;">Cook noodles according to instructions on package.</span></li>
<li><span style="color: #000000;">When the noodles are done, drain and rinse in cold water.</span></li>
<li><span style="color: #000000;">Into a serving bowl, layer noodles, sauce, cucumbers, sesame oil and seeds.</span></li>
<li><span style="color: #000000;">Mix well and enjoy.</span></li>
</ol>
</div>