Страница ошибки: Что-то пошло не так | [Название вашего сайта]

Вот пример простой, но визуально привлекательной страницы ошибки в HTML:

center;
align-items: center;
height: 100vh;
семейство шрифтов: Arial, без засечек;
цвет фона: #f5f5f5;

>.error-container {
text-align: center;

h1 {
размер шрифта: 48 пикселей;
цвет: #333;
маржа-дно: 10 пикселей;

p {
размер шрифта: 18 пикселей;
цвет: #666;
поле снизу: 20 пикселей;

кнопка {
отступ: 10 пикселей 20 пикселей;
размер шрифта: 18 пикселей;
цвет фона: #007bff;
цвет: #fff;
граница: нет;
радиус границы: 4 пикселя;
курсор: указатель;


Упс!

Что-то пошло не так. Повторите попытку позже.

<бр>

В этом примере страница ошибки располагается по центру экрана как по вертикали, так и по горизонтали. Он состоит из заголовка (

), сообщения (

) и кнопки, позволяющей пользователям вернуться на главную страницу.

Замените «[Название вашего веб-сайта]» фактическим названием вашего веб-сайта или приложения.