fix bugs

README.md

@@ -1,7 +1,7 @@
 # Museum landing page
 
 - [DESIGN](https://www.figma.com/file/cRBCqE06cDrY3s4jX7h3iY/%D0%9D%D0%90%D0%9C%D0%A3-(Edit)?node-id=0%3A1)
-- [DEMO LINK] (https://pdabizha.github.io/Museum/)
+- [DEMO LINK](https://pdabizha.github.io/Museum/)
 
 This website serves as an online platform for an art museum, providing information about ongoing and upcoming exhibitions, educational lectures, and more. It also features a gallery section showcasing artwork and allows visitors to subscribe to a newsletter for the latest updates.
 

src/styles/blocks/header.scss

@@ -13,7 +13,9 @@
   &__content {
     @include grid-page;
 
-    position: relative;
+    @include on-desktop {
+      min-height: 655px;
+    }
   }
 
   &__icon-menu {
@@ -34,24 +36,24 @@
     min-height: 300px;
 
     @include on-tablet {
+      position: absolute;
       margin: 0;
-      grid-column: 4/-1;
-      margin-right: -34px;
+      top: 0;
+      right: 0;
+      left: 50%;
       min-height: 384px;
     }
 
     @include on-desktop {
-      grid-column: 6/-1;
-      margin-right: -55px;
       min-height: 655px;
     }
   }
 
   &__logo {
     position: absolute;
-    left: 50%;
-    transform: translateX(-50%);
+    left: 132px;
     top: 9px;
+    z-index: 2;
 
     @include on-tablet {
       font-size: 36px;
@@ -65,8 +67,11 @@
   }
 
   &__img {
+    position: absolute;
+    inset: 0;
     width: 100%;
     height: 100%;
+    object-fit: cover;
   }
 
   &__bottom {
@@ -162,6 +167,7 @@
     color: $main-text-color;
     text-transform: uppercase;
     transition: all $transition-duration;
+    cursor: pointer;
 
     &::after {
       content: '';

src/styles/blocks/lecture.scss

@@ -1,7 +1,4 @@
 .lecture {
-  // position: relative;
-  max-width: $design-max-width;
-  margin-inline: auto;
   &__img {
     min-width: 320px;
     width: 100%;

src/styles/blocks/page.scss

@@ -18,6 +18,7 @@
   }
 
   &:has(.page__menu:target) {
+    overflow: hidden; /* not to scroll the page */
     &::after {
       opacity: 1;
       visibility: visible;
@@ -31,7 +32,7 @@
   transition: all $transition-duration;
 
   &__menu {
-    position: fixed;
+    position: absolute;
     background-color: $main-accent-color;
     width: 100%;
     top: -100%;

src/styles/blocks/subscription.scss

@@ -58,6 +58,7 @@
     width: 100%;
     height: 50px;
     transition: all $transition-duration;
+    cursor: pointer;
 
     outline: none;
     color: $main-text-color;
@@ -87,6 +88,7 @@
     background-repeat: no-repeat;
     background-position: center;
     z-index: 20;
+    cursor: pointer;
 
     @include on-tablet {
       height: 70px;