Merge pull request #82 from BinaryStudioAcademy/bug/20-main-page

bug 20 main page design
BinaryStudioAcademy · Sep 4, 2023 · 13d575e · 13d575e
2 parents f0e6549 + e61961a
commit 13d575e
Show file tree

Hide file tree

Showing 4 changed files with 10 additions and 2 deletions.
diff --git a/frontend/src/app/modules/main/challenge/challenge.component.sass b/frontend/src/app/modules/main/challenge/challenge.component.sass
@@ -3,6 +3,7 @@
 :host
     display: flex
     flex-direction: column
+    border-radius: 4px
     background-color: $charcoal-grey
     color: $white
     font-family: 'Montserrat', sans-serif

diff --git a/frontend/src/app/modules/main/filtering-section/filtering-section.component.sass b/frontend/src/app/modules/main/filtering-section/filtering-section.component.sass
@@ -42,6 +42,9 @@
 .challenges
     border-radius: 4px
 
+:host ::ng-deep .title
+    font-size: 14px
+
 @media (max-width: 992px)
   .filters
     max-width: 224px

diff --git a/frontend/src/app/modules/main/suggested-challenge/suggested-challenge.component.sass b/frontend/src/app/modules/main/suggested-challenge/suggested-challenge.component.sass
@@ -3,6 +3,8 @@
 
 :host
   font-family: Open Sans
+  display: flex
+  justify-content: center
 
 :host ::ng-deep .float-start
   color: $lavender-ash
@@ -17,6 +19,7 @@
     background-color: $dark-grey
     margin-bottom: 0.5rem
     box-sizing: border-box
+    max-width: 900px
 
 .suggested-body
     > *
@@ -99,6 +102,7 @@ h5
 
 .description
     display: flexbox
+    font-size: 14px
     > *
         margin: 1rem 1rem
 
@@ -208,11 +212,11 @@ h5
     justify-content: center
     align-items: center
     background-color: $dark-grey
+    border-radius: 4px
 
     white-space: nowrap
     color: $grey
     font-family: Montserrat
-    font-size: 14px
     font-style: normal
     font-weight: 400
     line-height: normal

diff --git a/frontend/src/styles/bootstrap-variables.sass b/frontend/src/styles/bootstrap-variables.sass
@@ -1 +1 @@
-$container-max-widths: ( sm: 460px, md: 720px, lg: 900px)
+$container-max-widths: ( sm: 460px, md: 720px, lg: 940px)