1. Using **flexbox** to vertically and horizontally center content is usually the preferred method for modern browsers.

In the container element, set ```display: flex``` and then center the child element vertically and horizontally using ```align-items: center``` and ```justify-content: center``` respectively.

2. If your content uses **grid**, you can follow the above instruction, but replace ```display: flex``` with ```display: grid``` to center the content.
spam fails_task lang_mismatch pii not_appropriate hate_speech sexual_content quality toxicity humor helpfulness creativity violence