order_2

index.html

<div class="gallery gallery-1">
        <img class="photo-1" src="img/photo-1.jpeg" alt="">
        <img class="photo-2" src="img/photo-2.jpeg" alt="">
        <img class="city-photo" src="img/photo-3.jpeg" alt="">
        <img class="photo-4" src="img/photo-4.jpeg" alt="">
        <img class="photo-5" src="img/photo-5.jpeg" alt="">
        <img class="photo-6" src="img/photo-6.jpeg" alt="">
        <img class="photo-7" src="img/photo-7.jpeg" alt="">
        <img class="autumn-photo" src="img/photo-8.jpeg" alt="">
        <img class="photo-9" src="img/photo-9.jpeg" alt="">
</div>

order_2.markdown

order_2

A Pen by Roman on CodePen.

License.

style.css

.photo-1 {
    order: 2; 
}

.photo-2 {
    order: 4;    
}

.city-photo {
    order: -1;
}

.photo-4 {
    order: 5;  
}

.photo-5 {
    order: 6;   
}

.photo-6 {
    order: 7;  
}

.photo-7 {
    order: 8;    
}

.autumn-photo {
    order: 3; 
}

.photo-9 {
    order: 9;     
}