made some small fixes to responsivness and styles

Author: BapBap7

package-lock.json

@@ -26,7 +26,7 @@
     }
 
     .artGallerySliderContainer {
-        width: pxToRem(1230px);
+        width: pxToRem(1260px);
     }
 }
 
@@ -89,7 +89,7 @@
         .artGalleryContainer {
             .artGalleryContentContainer {
                 .artGallerySliderContainer {
-                    @include mut.rem-padded(s.$art-gallery-gap-mobile, s.$art-gallery-gap-mobile, 0, s.$art-gallery-gap-mobile);
+                    @include mut.rem-padded(0, s.$art-gallery-gap-mobile, 0, 0);
                     gap: pxToRem(s.$art-gallery-gap-mobile);
                     height: pxToRem(362px);
 

src/app/common/components/ArtGallery/ArtGalleryBlock.styles.scss

@@ -24,10 +24,10 @@
 
     @media screen and (max-width: 680px) {
         @include mut.rem-padded($bottom: s.$art-gallery-gap-mobile);
+        padding: 0 0 0 0 !important;
         height: pxToRem(362px);
         width: pxToRem(680px);
-
-        max-height: unset;
+        max-width: fit-content;
     }
 }
 

src/app/common/components/ArtGallery/components/BaseArtGallerySlide.styles.scss

@@ -1,7 +1,12 @@
 @use "@sass/mixins/_utils.mixins.scss" as mut;
 @use "@sass/_utils.functions.scss" as *;
 
-.OneToFourAndFiveToSixSlide{
-    @include mut.art-slide-grid();
-    grid-template-columns: 2fr 1fr;
+.OneToFourAndFiveToSixSlide {
+  @include mut.art-slide-grid($cols: 2, $rows: 2);
+  @include mut.images-grid-area($to: 2);
+
+  grid-template-columns: 2fr 1fr;
+  grid-template-areas:
+            "img1 img2"
+            "img1 img2";
 }

src/app/common/components/ArtGallery/components/OneToFourAndFiveToSixSlide/OneToFourAndFiveToSixSlide.styles.scss

@@ -201,9 +201,9 @@ export const API_ROUTES = {
         DELETE: 'coordinate/delete',
     },
     USERS: {
-        LOGIN: 'auth/login',
-        REFRESH_TOKEN: 'auth/refreshToken',
-        REGISTER: 'auth/register',
+        LOGIN: 'user/login',
+        REFRESH_TOKEN: 'user/refreshToken',
+        REGISTER: 'user/register',
     },
     EMAIL: {
         SEND: 'email/send',

src/app/common/constants/api-routes.constants.ts

@@ -308,7 +308,7 @@
   justify-content: center;
   align-content: center;
   grid-template-columns: repeat($cols, 1fr);
-  grid-template-rows: repeat($rows, 1fr);
+  grid-template-rows: repeat($rows, minmax(auto, 253px));
 }
 
 @mixin list-styles($type) {

src/assets/sass/mixins/_utils.mixins.scss

@@ -4,7 +4,7 @@ $smallTablet: 700px;
 $phone: 600px;
 $smallPhone: 400px;
 
-$art-gallery-img-size: 309px;
+$art-gallery-img-size: 380px;
 $art-gallery-img-size-mobile: 200px;
 
 $art-gallery-gap: 30px;

src/assets/sass/variables/_variables.sizes.scss

@@ -7158,6 +7158,11 @@ inquirer@^8.2.0:
     through "^2.3.6"
     wrap-ansi "^6.0.1"
 
+install@^0.13.0:
+  version "0.13.0"
+  resolved "https://registry.npmjs.org/install/-/install-0.13.0.tgz"
+  integrity sha512-zDml/jzr2PKU9I8J/xyZBQn8rPCAY//UOYNmR01XwNwyfhEWObo2SWfSl1+0tm1u6PhxLwDnfsT/6jB7OUxqFA==
+
 internal-slot@^1.0.3, internal-slot@^1.0.4, internal-slot@^1.0.5:
   version "1.0.5"
   resolved "https://registry.npmjs.org/internal-slot/-/internal-slot-1.0.5.tgz"