Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home › Forums › CSS › How do you fluidly align 6 images horizontally and spaced evenly?

  • This topic is empty.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • April 25, 2013 at 6:42 pm #44363
    Neesh
    Member

    Hi all. I am having trouble trying to get 6 images aligned horizontally and spaced evenly. Also I need all 6 images to scale so they fit across mobile devices in portrait view. At the moment each image just pushes the next image down onto the next line rather than scaling the images down to retain the formatting.

    The css that I am using inline is (credit to Thirtydot @ Stackoverflow):

    1

    2

    3

    4

    5

    6

    Any help much appreciated

    April 25, 2013 at 7:16 pm #133203
    wolfcry911
    Participant

    http://codepen.io/wolfcry911/pen/GkxgA

    April 25, 2013 at 7:29 pm #133204
    Neesh
    Member

    wolfcry911, you’re a legend. Thank you so much!!

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The forum ‘CSS’ is closed to new topics and replies.