Wonky alignment of posts in centre column, help?

  • Author
  • #616666


    Wondering why when I add space (here it’s 1em) to my “.center-column img” code so that there’s space between the posts it makes the alignment go wonky. You can see the wonkyness here:

    Can you help me make it straight again?



    The blog I need help with is leoniesavvides.com.



    If you want “flexible” units, do not use “em” for spacing, margins or paddings; use “%” instead. For fixed values, use “px” units.

    Try reducing the margin to something like

    .center-column img {
    margin: 5px;

    Also, I’m sure you know it, but writing the property value will add a margin of xx value to all 4 sides of the element – hence, affecting the overall width of the element. If you just want to add a margin to the left of the image, then this should suffice:

    .center-column img {
    margin-left: 5px;

    I used your tip (px instead of em) and then also had to make my vimeo embeds wider in each individual post and voila!

    Thanks so much :)


The topic ‘Wonky alignment of posts in centre column, help?’ is closed to new replies.