From afed14899117581a5c6b536db2e3af9cfec233de Mon Sep 17 00:00:00 2001
From: asselzhl <asselzhly@gmail.com>
Date: Mon, 2 Oct 2023 18:17:21 +0600
Subject: [PATCH 1/4] fix first section adaptive

---
 resources/views/home/landing.blade.php | 20 ++++++++++----------
 1 file changed, 10 insertions(+), 10 deletions(-)

diff --git a/resources/views/home/landing.blade.php b/resources/views/home/landing.blade.php
index e131eae30..7a0938c09 100644
--- a/resources/views/home/landing.blade.php
+++ b/resources/views/home/landing.blade.php
@@ -3,11 +3,11 @@
   <section class="my-5">
     <div class="container">
       <div class="row">
-        <div class="col col-lg-7">
+        <div class="col-md-12 col-lg-7">
           <h2 class="fw-bold text-uppercase">{{ __('landing.what_for') }}</h2>
           <p class="lead">{{ __('landing.what_do') }}</p>
           <h3 class="mt-5">{{ __('landing.this_is') }}</h3>
-          <div class="row row-cols-2 row-cols-lg-4 mb-5 mb-lg-0">
+          <div class="row row-cols-2 row-cols-lg-4 mb-5 mb-lg-0 gy-3">
             <div class="col">
               <span class="h3 text-primary">{{ $countChapters }}</span>
               <div>{{ __('landing.content.1') }}</div>
@@ -26,9 +26,9 @@
             </div>
           </div>
         </div>
-        <div class="col col-lg-5">
-          <div class="border-0 card d-flex h-100 ps-3">
-            <div class="card-body d-flex flex-column justify-content-center">
+        <div class="col-md-11 col-lg-5 p-0">
+          <div class="border-0 card d-flex h-100 ps-3 pe-3">
+            <div class="card-body d-flex flex-column justify-content-center p-0">
               <h2 class="card-title">{{ __('landing.features') }}</h2>
               <ul class="card-text">
                 <li>{{ __('landing.features_list.1') }}</li>
@@ -80,21 +80,21 @@ class="img-fluid">
 
   <section class="mb-5">
     <div class="container px-1">
-      <div class="row d-flex justify-content-center gx-2">
-        <div class="col-2 text-center">
+      <div class="row d-flex justify-content-center gx-2 gy-3">
+        <div class="col-6 col-md-3 text-center">
           <i class="bi bi-book fs-1 text-primary"></i>
           <p class="h2">{{ __('landing.actions_list.1') }}</p>
         </div>
-        <div class="col-3 text-center">
+        <div class="col-6 col-md-3 text-center">
           <i class="bi bi-code-square fs-1 text-primary"></i>
           <p class="h2">{{ __('landing.actions_list.2') }}</p>
         </div>
 
-        <div class="col-4 text-center">
+        <div class="col-6 col-md-3 text-center">
           <i class="bi bi-pen fs-1 text-primary"></i>
           <p class="h2">{{ __('landing.actions_list.3') }}</p>
         </div>
-        <div class="col-3 text-center">
+        <div class="col-6 col-md-3 text-center">
           <i class="bi bi-award fs-1 text-primary"></i>
           <p class="h2">{{ __('landing.actions_list.4') }}</p>
         </div>

From e2118d88bbc5577c93a65e9182a3b29aa1ae6e5d Mon Sep 17 00:00:00 2001
From: asselzhl <asselzhly@gmail.com>
Date: Tue, 3 Oct 2023 15:12:32 +0600
Subject: [PATCH 2/4] fix adaptive of image section

---
 resources/views/home/landing.blade.php | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/resources/views/home/landing.blade.php b/resources/views/home/landing.blade.php
index 7a0938c09..337bf5211 100644
--- a/resources/views/home/landing.blade.php
+++ b/resources/views/home/landing.blade.php
@@ -48,8 +48,8 @@
 
   <section class="mb-5 bg-dark text-light">
     <div class="container">
-      <div class="row align-items-center">
-        <div class="col col-md-6">
+      <div class="row">
+        <div class="col col-lg-6 d-flex flex-column justify-content-center py-4">
           <h1 class="fw-bold mb-5 text-uppercase">{{ __('landing.title.1') }}
             <span class="text-primary">{{ __('landing.title.2') }}</span>
           </h1>
@@ -70,7 +70,7 @@
             </figcaption>
           </figure>
         </div>
-        <div class="d-none d-md-block col-md-6 text-center">
+        <div class="d-none d-lg-block col-md-6 text-center align-self-end">
           <img src="{{ mix('images/Patchouli_Gives_SICP.png') }}" alt="{{ __('landing.start_learning') }}"
             class="img-fluid">
         </div>

From 3bd2e3bbff4972aaeb1d05b09cf6099d92f3e9c9 Mon Sep 17 00:00:00 2001
From: asselzhl <asselzhly@gmail.com>
Date: Tue, 3 Oct 2023 15:33:15 +0600
Subject: [PATCH 3/4] fix footer adaptive

---
 resources/views/layouts/_footer.blade.php | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/resources/views/layouts/_footer.blade.php b/resources/views/layouts/_footer.blade.php
index d6437f92e..c987e40c6 100644
--- a/resources/views/layouts/_footer.blade.php
+++ b/resources/views/layouts/_footer.blade.php
@@ -1,7 +1,7 @@
 <footer>
   <div class="container">
     <div class="row gap-4 gap-lg-0 row-cols-1 row-cols-lg-4 py-5">
-      <div class="col">
+      <div class="col-5">
         <ul class="nav flex-column align-items-start">
           <li><a href="{{ route('pages.show', ['page' => 'about']) }}"
               class="nav-link px-0">{{ __('layout.footer.about') }}</a></li>
@@ -11,7 +11,7 @@ class="nav-link px-0">{{ __('layout.footer.source_code') }}</a></li>
               class="nav-link px-0">{{ __('layout.footer.volunteers_in_tg') }}</a></li>
         </ul>
       </div>
-      <div class="col">
+      <div class="col-5">
         <div class="fw-bold">{{ __('layout.footer.help') }}</div>
         <ul class="nav flex-column align-items-start">
           <li><a href="https://ru.hexlet.io/blog" class="nav-link px-0">{{ __('layout.footer.blog') }}</a>
@@ -22,7 +22,7 @@ class="nav-link px-0">{{ __('layout.footer.volunteers_in_tg') }}</a></li>
               class="nav-link px-0">{{ __('layout.footer.recommended_books') }}</a></li>
         </ul>
       </div>
-      <div class="col">
+      <div class="col-5">
         <div class="fw-bold">{{ __('layout.footer.other_os_projects') }}</div>
         <ul class="nav flex-column align-items-start">
           <li><a class="nav-link px-0"
@@ -33,7 +33,7 @@ class="nav-link px-0">{{ __('layout.footer.recommended_books') }}</a></li>
               href="https://github.com/Hexlet/hexlet-friends">{{ __('layout.footer.os_projects.friends') }}</a></li>
         </ul>
       </div>
-      <div class="col">
+      <div class="col-5">
         <div class="fw-bold">{{ __('layout.footer.additionally') }}</div>
         <ul class="nav flex-column align-items-start">
           <li><a class="nav-link px-0"

From 748aeb8e3b4359915840fc7d87f0e1fec8434686 Mon Sep 17 00:00:00 2001
From: asselzhl <asselzhly@gmail.com>
Date: Tue, 3 Oct 2023 15:36:46 +0600
Subject: [PATCH 4/4] fix header adaptive

---
 resources/views/layouts/_nav.blade.php | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/resources/views/layouts/_nav.blade.php b/resources/views/layouts/_nav.blade.php
index 6f93ec1ec..0a20e166a 100644
--- a/resources/views/layouts/_nav.blade.php
+++ b/resources/views/layouts/_nav.blade.php
@@ -6,7 +6,7 @@
   $user = Auth::user();
 @endphp
 
-<header class="navbar navbar-expand-lg">
+<header class="navbar navbar-expand-xl">
   <nav class="container py-2 border-bottom">
     <a href="{{ LaravelLocalization::getLocalizedURL($currentLocale, route('home')) }}" class="navbar-brand">
       <img src="{{ mix("images/logo-$currentLocale.svg") }}" alt="{{ __('layout.nav.logo_alt') }}" height="25px"