CSS-задача: нарисуй красный квадрат по центру экрана.

Уберите стандартный margin страницы и центрируйте квадрат через CSS Grid с place-items: center.

Минимальный пример:

<style>
  body { margin: 0; min-height: 100vh; display: grid; place-items: center; }
  .square { width: 120px; aspect-ratio: 1; background: red; }
</style>
<div class="square" aria-hidden="true"></div>

Style размещается в head документа. Размер 120px выбран для примера; квадрат декоративный. При необходимости учитывать динамические панели мобильного браузера можно использовать подходящие viewport units.