CSS/Tailwind using flex or grid to display looped data in 3 rows

Question

I have a small school project where I try to learn using CSS and Tailwind. I need to show my data using a loop in Vue. This data needs to be shown in rows of 3, 2 and 3 in d