I was coming across a problem while writing titles for blog post. I was using a div class that tiled post content 2 post across by 2 post down in the Recent Blog Post section. I was excited about using this format because I thought it would add an interesting look to my site. Below is what the Recent Blog Post section use to look like the and code I used to achieve that look.
The code: }
.blogsnip {
The major problem was using the float property with the correct height and weight properties to get the post content to tile correctly. The solution to me was to just have the post titles no longer than the width of the div class so the they would not push the height. This was a very dumb solution. This design created an unnecessary constraint and stifled my creativity. Never mind that having a flexible post title length should be more important than the somewhat superficial look of the home page. If I really want to concentrate on the quality of the content then I should be spending more time on producing content without worrying about the length of post titles. So I went back into the code and changed the width to 560px and got rid of the height quality. Here is the code:
}
.blogsnip {
Here is the result:
There are a couple of things I could change to tidy-up the look. I might change is the number of blog post from 4 to 3 so the blog snippets don’t got past my sidebar as much. I might take out the tags or add thumbnails. There is probably someone out there that has maintained the tiling look with long post title. I might consider all of this later, but for right now I’m going to get back to writing post, with one less unnecessary constraint.
Oh, and I made the title of this post a little long just to stretch out a bit.
