-
-
-
-
-
diff --git a/src/components/Layout/styles.module.scss b/src/components/Layout/styles.module.scss
index 2cf3823..7f069bf 100644
--- a/src/components/Layout/styles.module.scss
+++ b/src/components/Layout/styles.module.scss
@@ -7,6 +7,12 @@
height: 100%;
overflow: hidden;
+
+ @media (min-width:3000px) {
+ height: 100vh;
+ flex: 1;
+ }
+
}
.main {
@@ -20,7 +26,8 @@
@media (min-width: 3000px) {
min-height: 897px;
-
+ flex: 1;
+ height: 100vh;
}
@media (max-width:$tablets) {
diff --git a/src/components/utils/IconLink.tsx b/src/components/utils/IconLink.tsx
index c0e5ceb..01cae75 100644
--- a/src/components/utils/IconLink.tsx
+++ b/src/components/utils/IconLink.tsx
@@ -9,7 +9,7 @@ interface IconLink {
export const IconLink = ({ link, sourceImg, altText }: IconLink) => {
return (
-
+
diff --git a/src/pages/styles.module.scss b/src/pages/styles.module.scss
index 4c5015c..35e6ea4 100644
--- a/src/pages/styles.module.scss
+++ b/src/pages/styles.module.scss
@@ -7,6 +7,12 @@
height: 100%;
overflow: hidden;
+
+ @media (min-width:3000px) {
+ height: 100vh;
+ flex: 1;
+ }
+
}
.main {
@@ -21,6 +27,10 @@
@media (min-width: 3000px) {
min-height: 897px;
+ height: 100vh;
+ flex: 1;
+ border: 1px solid blue;
+
}
@media (max-width:$tablets) {