Grow your CSS skills. Land your dream job.

Thumbnail Alignment problem

  • # May 4, 2012 at 10:31 am

    I am facing alignment problem on this page
    http://carolinekeyzormirror.dreamhosters.com/portfolio/
    here 1st line showing 3 images, but 2nd line showing 2 image, seems strange.
    can any one help me?

    # May 4, 2012 at 11:07 am

    Notice anything different about the first div? It has two lines of text and is therefore taller than the next two items. The float is ‘stacking’ up against the taller float. You could either give the divs a set height (210px seems to work barring any font-size increase) or, given the fixed width site, you could do this:

    .portfolio-items div:nth-child(3n+1) {
    clear: left;
Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".