@chrisburton: I thought about that, but within the Masonry concept, would it ever recognize a div that is indeed the last-child of a particular row of posts?
Edit: This is the correct usage of :last-child, right?
If it is, then it’s not working. Click here to see. “Introduction” should be all the way to the far right, but it is being pushed down to the second level of posts because it thinks there is not enough space.
Yeah, the header is a bit screwy. But also, the opening statement on the front page is only taking up half the screen and flowing on three lines. And the posts should be taking up the entire 960 pixel width and it’s not. Also, if you visit my “Contact” page, here, you will notice that the image of me is squished and when you rollover the social media icons, the tooltip is a bit wonky. Is this because I am using pixels as my measuring system?
Change of plans. I took out box-sizing and the 10 pixel margin. Now, what I would like to do is set nine different colors and apply a separate color to each blog post. I know this can be done with :nth-child, I am just not sure how to implement it. Like, every ninth child, apply this particular color. That way you don’t have two posts running up against each other with the same color. I would also like to add images and have this effect so that when you roll over the featured image, the text from the blog post appears. Any and all help with this will be greatly appreciated!
This will make every third child (3, 6, 9, 12, 15, et cetera) a dark brown. See my problem? They both contain the number “12.” Is there any way to get around assigning two separate colors to a post?
Edit: Hmm, apparently when you list all the nth-childs out in a row, the most recent nth-child overwrites the previous one, because it is displaying as I want it to, here.