* 겪고 있는 문제 상황을 최대한 자세하게 작성해주세요.

* 문제 해결을 위해 어떤 시도를 해보았는지 구체적으로 함께 알려주세요.

아래 CSS 코드 이해가 되지 않아서 질문드려요

      .photo-description { color: white; background-color: black; width: fit-content; padding: 0 20px; margin-bottom: 10px; border-radius: 10px; position: absolute; bottom: 0; transform: translate(-50%); left: 50%; }

위 코드 중에

 translate(-50%); left: 50%

이 부분이 의미하는 바, 원리가 뭔가요?

구글링해서 읽어봐도 잘 이해가 안 갑니다

각각 코드를 지워보면서도 확인해봤는데,

두 개를 동시에 쓰니까 무엇을 의도한건지 전혀 이해가 안 가요

(어떤 변환지는 확인했는데 원리가 이해되지 않아요)

강의에서도 해당 부분 설명은 없어서요

자세한 설명 부탁드립니다