Pararel images


#1

I have a this code:

.image-left {
width: 400px;
height: 400px;
}
.main-image {
width: 400px;
height: 400px;
}
.image-right {
width: 400px;
height: 580px;
}

div {
text-align: center;
padding: 60px;

that displays 3 paralel images.
What can I do to put more distance in between these images


#2

On the center image, add left and right margins.

.main-image {
    margin: 0 10px;
}

#3

Thank you very much! :slight_smile:


#4

But it only separates from the left image idk why, I also tried with margin-left and margin-right on the main image and still it only separates from the left.


#5

How wide is the window? You need a minimum of 1200px + margins.