Columns – Shortcodes Ultimate

2 columns, 3 columns, 4 columns

Shortcode

[su_row]
[su_column size="1/2"] <img src="https://placehold.co/500x150?text=One+Half" alt="Open Lightbox" /> [/su_column]
[su_column size="1/2"] <img src="https://placehold.co/500x150?text=One+Half" alt="Open Lightbox" /> [/su_column]
[/su_row]

[su_row]
[su_column size="1/3"] <img src="https://placehold.co/500x150?text=One+Third" alt="Open Lightbox" /> [/su_column]
[su_column size="1/3"] <img src="https://placehold.co/500x150?text=One+Third" alt="Open Lightbox" /> [/su_column]
[su_column size="1/3"] <img src="https://placehold.co/500x150?text=One+Third" alt="Open Lightbox" /> [/su_column]
[/su_row]

[su_row]
[su_column size="1/4"] <img src="https://placehold.co/500x150?text=One+Fourth" alt="Open Lightbox" /> [/su_column]
[su_column size="1/4"] <img src="https://placehold.co/500x150?text=One+Fourth" alt="Open Lightbox" /> [/su_column]
[su_column size="1/4"] <img src="https://placehold.co/500x150?text=One+Fourth" alt="Open Lightbox" /> [/su_column]
[su_column size="1/4"] <img src="https://placehold.co/500x150?text=One+Fourth" alt="Open Lightbox" /> [/su_column]
[/su_row]

1/4 + 1/2 + 1/4

Shortcode

[su_row]
[su_column size="1/4"] <img src="https://placehold.co/500x150?text=One+Fourth" alt="Open Lightbox" /> [/su_column]
[su_column size="1/2"] <img src="https://placehold.co/500x150?text=One+Half" alt="Open Lightbox" /> [/su_column]
[su_column size="1/4"] <img src="https://placehold.co/500x150?text=One+Fourth" alt="Open Lightbox" /> [/su_column]
[/su_row]

2/3 + 1/3

Shortcode

[su_row]
[su_column size="2/3"] <img src="https://placehold.co/500x150?text=Two+Thirds" alt="Open Lightbox" /> [/su_column]
[su_column size="1/3"] <img src="https://placehold.co/500x150?text=One+Third" alt="Open Lightbox" /> [/su_column]
[/su_row]

4/5 + 1/5

Shortcode

[su_row]
[su_column size="4/5"] <img src="https://placehold.co/500x150?text=Four+Fifths" alt="Open Lightbox" /> [/su_column]
[su_column size="1/5"] <img src="https://placehold.co/500x150?text=One+Fifth" alt="Open Lightbox" /> [/su_column]
[/su_row]