5 replies

Issue with `display: column` with an absolute positioned element

I need help! I'm trying to avoid using

Masonry.js

Masonry.js

library bc I have a simple page for testimonials that works perfectly with

display: column

display: column

but I'm encountering an issue with the quote icon I set up with absolute position. Those svgs are not perfectly aligned in the second and third column. I recreated the issue in CodePen: https://codepen.io/Daniele-Longo/pen/KKJvNoG. I could target the div that is in the top, but I was hoping for a more dynamic solution since my user may have to add or remove testimonials

.container > div:nth-child(4) {.icon { transform: translate(0, -0.8rem);}}

.container > div:nth-child(4) {.icon { transform: translate(0, -0.8rem);}}

KP-C

Kevin Powell - Community•3y ago•

5 replies

dlongodev

Issue with `display: column` with an absolute positioned element

I need help! I'm trying to avoid using

Masonry.js

Masonry.js

library bc I have a simple page for testimonials that works perfectly with

display: column

display: column

.container > div:nth-child(4) {.icon { transform: translate(0, -0.8rem);}}

.container > div:nth-child(4) {.icon { transform: translate(0, -0.8rem);}}

Issue with `display: column` with an absolute positioned element

Similar Threads

Issue with `display: column` with an absolute positioned element

Similar Threads

Similar Threads

Similar Threads