Managing the width of my Instagram embeds has been a challenge for me. I attempted to set a max-width in my scss files, but for some reason, it never seems to be applied. The only way I can actually get it to the desired width is by using the inspector and manually adjusting it, which is not an efficient solution. Here is the HTML snippet highlighting the part I want to modify: https://i.sstatic.net/RqeK0.png
What I tried to do was:
iframe[class^="instagram-media"]{
width:328px;
}
However, this approach did not work. I also attempted:
iframe{
max-width:328px;
}
Unfortunately, this did not yield the desired result either. How can I achieve this?