fix: фикс отобрважения на сжатых экранах

src/Mainpage.js

@@ -1,7 +1,7 @@
-import { useEffect, useState } from 'react';
+import {useEffect, useState} from 'react';
 import axios from 'axios';
 import Header from './Header';
-import { useNavigate } from 'react-router-dom';
+import {useNavigate} from 'react-router-dom';
 import './css/Mainpage.css';
 
 const Mainpage = () => {
@@ -48,14 +48,16 @@ const Mainpage = () => {
 
     return (
         <>
-            <Header />
+            <Header/>
             <div className="mainpage">
                 <div className="mainpage__intro">
                     <div className="left-content">
                         <h1>Kanban-доска Fool-Stack</h1>
                         <p>
-                            Kanban-доска помогает видеть весь процесс целиком: что запланировано, что уже в работе и что готово.
-                            Перетаскивайте карточки между колонками, фиксируйте договорённости и не теряйте контекст — всё в одном месте.
+                            Kanban-доска помогает видеть весь процесс целиком: что запланировано, что уже в работе и что
+                            готово.
+                            Перетаскивайте карточки между колонками, фиксируйте договорённости и не теряйте контекст —
+                            всё в одном месте.
                         </p>
                     </div>
 
@@ -104,4 +106,4 @@ const Mainpage = () => {
 };
 
 export default Mainpage;
-//TODO: проверка правильности отображения даты в отображении
+//TODO: проверка правильности отображения даты в отображении, приоритет задачи, отображение категории