CodePen Embed - 相簿式排版-使用flex

<div class="d-flex">
            <img style="width: 75%" src="https://ioc.unesco.org/sites/default/files/news/imgonline-com-ua-CompressBySize-ZMku7c2GNK.jpg" alt="">
            <div class="d-flex" style="flex-direction:column">
                <img style="height: 33.33333%; width: 100%; object-fit: cover;" src="https://i.pinimg.com/236x/d7/f7/bf/d7f7bf65f926be3fe9ffe1767d1e2908.jpg" alt="">
                <img style="height: 33.33333%; width: 100%; object-fit: cover;" src="https://i.pinimg.com/236x/4c/cd/2f/4ccd2ff4ce0cf86896b0a9367463a600.jpg" alt="">
                <img style="height: 33.33333%; width: 100%; object-fit: cover;" src="https://i.pinimg.com/236x/eb/42/73/eb4273f0329308f33c4734f48c6bd303.jpg" alt="">
            </div>
        </div>

.d-flex{
    display: flex;
}

This Pen is owned by int on CodePen.

See more by @intHuang on CodePen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.