Is there a way to make a Viewport Frame item go smaller/bigger with the size of screen?

Intro

When placed ancestrally inside of a Gui (Screen / Billboard / Surface), ViewportFrames have essentially the exact same properties as most other GuiObjects.

This being said, there are two properties and subcategories which you should be familiar with when making them compatible with all devices.

General Definitions

Position and Size are properties of the ViewPortFrame which determine the location of the frame and its size in relation to its parent or the actual window size itself. Both of these properties use UDim2 as measurements.

Each UDim2 is made up of an X and a Y component, which are separated as tables: ex. {0, 0}, {0, 0} where the first table is the X-Axis UDim (width) and the second table is the Y-Axis UDim (height)

Each of these UDims are comprised of a Scale Value and an Offset Value.

The first value is the Scale, which is the size of the GuiObject relative to its parent. To fit within the its parent, this should be set to a number that is between 0 and 1

The second value is the Offset, which is the size of the GuiObject relative to the Window Size in Pixels, meaning it is most compatible with Computer Screens.

Solution

If you want your game to have Guis that are easily visible the same way for all devices and players, you should have all of your GuiObjects using only Scale Values Ex. {1, 0}, {1, 0} and not {0.5, 300}, {0.5, 300}