How do i centre the three images equally ? CSS

Hi,
How do i center the three images on this page equally? and ensure that they scale to fit the page (responsive when browser page size reduced i.e. keeps 3 images side by side) then when below 580px (or mobile device size it shows one image below the next?)

*URL(S) REMOVED*

Support access granted - if needed

Thanks

Tom

  • Adam Czajczyk

    Hello again Tom!

    First of all you'll need to change image alignment - float them left (in your editor change image alignment to left), also you'll need to set a rule in your css file that will resize images accordingly to the screen size, like this:

    .alignleft {
    width:32%;
    height:auto;
    }

    This should set them in one line. To center everything you need to wrap all the images in a <div> element and set it's margin like this

    margin 0 auto;

    where 0 are top and bottom margins (change them as you wish) and auto is left and right.

    Hope that helps.

    Cheers,
    Adam

Thank NAME, for their help.

Let NAME know exactly why they deserved these points.

Gift a custom amount of points.