Alright, lets start from the beginning. First, the difference between scale and offset. Scale is a value between 1 and 0 that scales depending on the size of the window. So, if you set a frame’s position
UDim2.new(.5, 0, .5, 0) it will be set to center of the screen. Offset is simply the exact number of pixels from the left or top of the screen. Now, say you make a frame within a screen gui with scale values. That frame will be scaled depending on the screen size itself. Now, say you make another frame within the other. Now, it wont scale to the window, but rather to the frame it’s parented to. Now, we can get to anchor point. Anchor point is just where the “origin” is located on a gui object. For example, the default value of anchor point is (0, 0). This means that the origin is the top left of the object. If you set it to (.5, .5), it’s the exact center of that object.
Now to fix the problem. From the looks of it, there’s three frames that are positioned in thirds of the screen and are centered. So, to do this I would first make the anchor points of each frame
(.5, .5) and for the first frame, set the position to
(.25, 0, .5, 0), then the second to
(.5, 0, .5, 0), then the third
(.75, 0, .5). I hope this helps!