jquery-match-height | a responsive equal heights plugin | Frontend Framework library

I have a simple blog website in django that contains code to play embedded videos from Twitch if a video URL is given in the Post model. The model functions appear to be working but I'm running into issues in the html template itself. The javascript code is printing directly into the blog post instead of running the script to embed the video:

Here's the snippet of code from the html template:

I have a login website, user can register using email and password, which are stored in the database, after user registers, he can login and go to the profile page and fill up the extra details if needed. the profile page will look like below:

I'm using the Nginx PageSpeed module, and got an issue when it comes to images managed with jquery.matchHeight.js. I decided to disable optimization on these specific images, to I added the pagespeed_no_transform attribute (I also tried data-pagespeed-no-transform without success):

I'm using webpack to bundle my files. And I want to add a script that will enable me to change settings in the customizer on the fly.

I created a class which will hold all my customizer functionality

I am using jquery-match-height to match the heights of an inner div inside the grid items of an isotope layout, and this is working perfectly when the isotope grid loads.

However when I filter the grid, the divs are no longer being processed by the matchheight script, every one of them returns to its original height.

I have tried:

I want that all elements in a list be equal height. For this, I am using the

jquery.matchHeigh plugin. However, the selected items are not being updated automatically

when resize the screen:

I would like the sizes to be updated automatically, but I only get this result when updating the

page:

I am using the basic function:

I have a relatively old project built using laravel-mix with some Vue components and I thought I would update all of its scripts.

After making a number of changes I kept getting this error:

I'm using a plugin to make equal my divs for example: matchheight jquery plugin and I make what I want nearly, as you see on my demo my two divs are equal but I want to make a little specific:

my .b div must be little short than .a div, for example -15px or -10px..and my question is how can I add custom -px ?

I need to have three Bootsrap panels (.panel) within a row (.row) all the same height, regardless of how much content is in each of them. I was able to set the outer height of each .panel using the jquery.matchHeight.js library (https://github.com/liabru/jquery-match-height). However, I've been unable to get the inner height the same (height of the .panel-body divs). I tried setting the height of .panel and .panel-body to 100% but this caused the background-color of the .panel-body divs to extend past the height of the containing .row.

Please take a look at the jsfiddle I created to see the problem in action: https://jsfiddle.net/vpdq2ugb/21/