MariaJackson1/Center Elements 1

## Center Elements 1
.🦄 {
  display: flex;
  align-items: center;
  justify-content: center;
}

## Center Elements 2
body {
  display: grid;
  place-items: center;
  height: 100vh;
}

## Center Elements 3
.foo {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate (-50% -50%);
}
	.🦄 {
	display: flex;
	align-items: center;
	justify-content: center;
	}
	.foo {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate (-50% -50%);
	}