Centering widgets

- [Insturctor] Centering one widget inside…or over another one comes in handy…in a lot of different prototyping situations.…Especially if you're using Axure…to set up any kind of responsive website.…So, let's take a look at…how we can center widgets with variables.…Whenever we use the "move to" action in Axure,…Axure takes the coordinates we give it…and that's where it drops the top left corner of our widget.…So, if we wanna center one widget over another one,…we'll need to figure out the formula…for the coordinates of that top left corner.…Let's start with the x-coordinate.…

If we move our widget to the x-coordinate of our container,…that will line up the left sides of our widget.…Then, if we take the width of our container widget…and divide it in half, and we add that to our x coordinate,…that will move our widget…over to the center point of our container.…After that, we just need to take half the width…of our widget and subtract that from our formula.…That will move our widget back over to the left,…and make it look centered horizontally.…