Grow your CSS skills. Land your dream job.

Products not aligned

  • # July 1, 2013 at 11:49 am

    I have an issue here:

    For some reason there can only be one product in the second row. There’s suppsed to be three in each row. If I add another product there’s 3 in the top row, 1 in the second and 2 in the last. Any ideas what might be causing this?

    # July 1, 2013 at 11:51 am

    floatting + different heights.
    Try make them display:inline-block and not floatting! finalize with vertical-align:top/bottom/middle or else values that fits your needs.

    # July 1, 2013 at 12:02 pm

    You have a `` element in the `ul`...that's not allowed.

    You also seem to have two `li` with the class of `.first`.

    # July 1, 2013 at 12:15 pm

    It appears as if the setting in the backend that specifies that there should be 3 products pr. row isn’t working.

    The first has the class .first the next two have no class and the last has the class .last – that must mean that some overrides the “3 products pr. column” setting and makes it 4 products pr. column.

    # July 1, 2013 at 12:20 pm

    Fixed it!

Viewing 5 posts - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.

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