Result summary using vanilla css

Hey there,

You could add flex to your left-box class!

Here's how:

.left-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

Now you'll notice the text below is moved left, but for that you just have to disable the transform you added transform: translateX(38%);

When you want to center things within a small container such as this one, it's best to use flex, you could also use grid but I find this simpler.

I think you can also do this:

. box { Width:40%; Margin-left: auto; Margin-right:auto; } This will center the box.