How would I go about making a 2x2 grid where items would automatically distribute inside the columns

As the title says: How would I go about making a 2x2 grid where items would automatically distribute inside the columns? I want to have a store page, where there is a 2x2 item shop. But I need a way to automatically distribute the items in those 4 grid slots. Does anyone have any good ideas on how I could go about solving this? =)

EDIT: The main issue I need help with is the grid itself.

Cheers!

 

Given the grid as a background, you could have 4 Image components pre-positioned so that when they're assigned a sprite that sprite will appear in the correct spot on the grid. I assume you mean to use Unity's UI system (this is 2D forum).

Code (CSharp):

1.     void AssignItems(Image[] iconSlots, Sprite[] items)
2.     {
3.         for (int i = 0; i < items.Length; i++)
4.         {
5.             iconSlots[i].sprite = items[i];
6.         }
7.     }

 

GridLayoutGroup

https://docs.unity3d.com/ScriptReference/GridLayout.html
https://docs.unity3d.com/Packages/com.unity.ugui@1.0/manual/script-GridLayoutGroup.html

 

Thank you! This worked perfectly!