Displaying images in rows

Hi all,

I have this array of images:

local!imgs: {
"example",
"example",
"example",
"example",
"example",
"example",
"example",
}

I want to display for the user each 3 images in separate row.

This is my image field will look like:

a!imageField(
label: "",
images: a!forEach(
items: { "example" },
expression: a!userImage(
user: fv!item
)
),
size: "LARGE",
style: "AVATAR"
)

I need the output to be something like this:

Thanks in advance,,