if u are struggling with vertical alignment on ur feed layouts, try using this flexbox setup. it works perfectly for keeping square media elements dead center within a responsive container.
display: flex; justify-content: center; align-items: center;
applying this to ur
parent div prevents that awkward top-heavy look on mobile browsers. just ensure the container has a defined height or use
min-height: 100vh
. it makes the transition between twitter and instagram embeds much more seamless.
it also fixes the weird padding issues in safari. ⚡