ivanivanivan23

Hi, thank you again for your time!
I am just a bit confused by the last comment as I don’t have a strong knowledge of CSS.

I list here my questions:
1) Based on the last comment do I need to change only the HTML code on the page, or also update the CSS stylesheet?
2) If i need to update the CSS stylesheet should I remove the current values (as shown above), modify them, or just leave them there and add the new code at the end of the stylesheet?
3) If I am not asking too much, could you please advise how the codes above (both html and css) will need to become?

Thank you again for your support.

Thank you very much again for your time, just to confirm my understanding is correct I should change each video from:

<div id=”VIDEO” style=”width: 480px;”>

to:

<div class=”VIDEO” style=”width: 480px;”>

and the append the piece of code above at the bottom of the style.css file?

At the moment in the style.css sheet I have the following, should I remove them?

.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

This is the URL to the website:

https://www.crazyfootballmoments.com/

If you resize the window you can see what happens. I would like this not to happen on small screens but I wouldn’t know what to change from the code I pasted above.

Thank you for your help.

Hi, sorry for the late reply I did not see the notification.
Would you need me to link here the website URL? Is there something that I can fix within the CSS file? I am not a programmer, so any help will be very much appreciated. Thank you.