Wonky alignment of posts in centre column, help?

  • Author
    Posts
  • #616666

    Hiya,

    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:
    http://leoniesavvides.com/

    Can you help me make it straight again?

    Thanks

    Leonie

    The blog I need help with is leoniesavvides.com.

    #616801

    devblog
    Member

    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;
    }
    #616956

    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 :)

    L

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