Search code examples
htmlcssresizesizeheight

How do I make the images and the videos at the bottom the same size?

Live: https://luffydrank.github.io/FreeCodeCamp-Product-Landing-Page/

Repo: https://github.com/LuffyDrank/FreeCodeCamp-Product-Landing-Page The images and the videos has the same class but they have different height, idk why is it not working, help appreciated.

Solution

  • You can use property on the video tag

    object-fit: fill

    it will stretch the video to fill all the spaces on the video container so make the same height with the image