main page text

Author: Darya-Rusanova

css/ex6.css

@@ -4,6 +4,7 @@ html{
     height: 100%;
 }
 @media (min-width:1200px){
+
     #close{
         margin-top: -30px;
         width: 60px;

css/mainpage.css

@@ -5,6 +5,13 @@ html{
 } 
 
 @media (min-width:1450px){
+    h3{
+        font-size: 25px;
+        color: rgb(78, 26, 134);
+    }
+    #welcome p{
+        font-size: 20px;
+    }
     .container{
         margin-top: 100px;
     }  
@@ -48,11 +55,18 @@ html{
         width: 90%;
         aspect-ratio: 2/1;
     }
+    h3{
+        font-size: 25px;
+        color: rgb(78, 26, 134);
+    }
+    #welcome p{
+        font-size: 20px;
+    }
     .body {  
         grid-area:body;
         display:grid;
         grid-template-columns: 40% 55%;
-        grid-template-rows: 700px;
+        grid-template-rows: 800px;
         grid-template-areas:
         "info games"
     }
@@ -85,11 +99,18 @@ html{
         width:200px;
         height:100px;
     }
+    h3{
+        font-size: 25px;
+        color: rgb(78, 26, 134);
+    }
+    #welcome p{
+        font-size: 20px;
+    }
     .body {  
         grid-area:body;
         display:grid;
         grid-template-columns: 100%;
-        grid-template-rows: 300px 550px;
+        grid-template-rows: auto 550px;
         grid-template-areas:
         "info"
         "games"
@@ -122,11 +143,18 @@ html{
         width:200px;
         height:100px;
     }
+    h3{
+        font-size: 25px;
+        color: rgb(78, 26, 134);
+    }
+    #welcome p{
+        font-size: 20px;
+    }
     .body {  
         grid-area:body;
         display:grid;
         grid-template-columns: 100%;
-        grid-template-rows: 300px 550px;
+        grid-template-rows: auto 550px;
         grid-template-areas:
         "info"
         "games"
@@ -160,11 +188,18 @@ html{
         width:200px;
         height:100px;
     }
+    h3{
+        font-size: 22px;
+        color: rgb(78, 26, 134);
+    }
+    #welcome p{
+        font-size: 18px;
+    }
     .body {  
         grid-area:body;
         display:grid;
         grid-template-columns: 100%;
-        grid-template-rows: 300px 550px;
+        grid-template-rows: auto 550px;
         grid-template-areas:
         "info"
         "games"

index.html

@@ -16,8 +16,9 @@
             <div class="logo">
                 <img src="image/logo.png" alt="logo" id="logo"/>
                 <div id="welcome">
-                    <h3>hello my name is welcome</h3>
-                    <p>welcome</p>
+                    <h3>Добро пожаловать на Bool!</h3>
+                    <p>Мы рады видеть вас на нашем сайте, посвященном увлекательному миру булевых функций!</p>
+                    <p>Здесь вы найдете калькуляторы, которые помогут вам решать сложные задачи, а также интересные игры, которые сделают изучение увлекательным и доступным.</p>
                 </div>
             </div>
             <div class="games">