From 96c83f8bf155f4b699396a12bc7e6cf801c2daaa Mon Sep 17 00:00:00 2001
From: Kamil Dzierzak <kamdzierzak@gmail.com>
Date: Sat, 16 Oct 2021 21:11:33 +0200
Subject: [PATCH 1/4] fix(website): the text hovers over itself in mentor
 Section [Safari] [iPhone SE] (#335)

---
 packages/website/src/components/MentorRequirements.tsx | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/packages/website/src/components/MentorRequirements.tsx b/packages/website/src/components/MentorRequirements.tsx
index cd8e314b..e9644428 100644
--- a/packages/website/src/components/MentorRequirements.tsx
+++ b/packages/website/src/components/MentorRequirements.tsx
@@ -21,7 +21,12 @@ export const MentorRequirements = () => {
           React’a, nie przejmuj się tym. Jeśli tylko masz chęć rozwoju w tych dziedzinach, pomożemy Ci nadrobić braki
           jeszcze przed rozpoczęciem kursu.
         </Requirement>
-        <Stack direction={{ base: 'column', lg: 'row' }} spacing={flexItemVerticalMargin} wrap="wrap">
+        <Stack
+          height="-webkit-fit-content"
+          direction={{ base: 'column', lg: 'row' }}
+          spacing={flexItemVerticalMargin}
+          wrap="wrap"
+        >
           <Requirement flex="1 1 0px">
             Posiadasz doświadczenie projektowe w branży IT. Jesteś w stanie poprzeć je ciekawym CV i/lub rozbudowanym
             portfolio na GitHubie.

From 4db506c311ca0e964833574e657095fe2e4eaf90 Mon Sep 17 00:00:00 2001
From: Kamil Dzierzak <kamdzierzak@gmail.com>
Date: Sat, 16 Oct 2021 21:30:32 +0200
Subject: [PATCH 2/4] try min-content height

---
 packages/website/src/components/MentorRequirements.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/website/src/components/MentorRequirements.tsx b/packages/website/src/components/MentorRequirements.tsx
index e9644428..ad0a5ad9 100644
--- a/packages/website/src/components/MentorRequirements.tsx
+++ b/packages/website/src/components/MentorRequirements.tsx
@@ -22,7 +22,7 @@ export const MentorRequirements = () => {
           jeszcze przed rozpoczęciem kursu.
         </Requirement>
         <Stack
-          height="-webkit-fit-content"
+          height="min-content"
           direction={{ base: 'column', lg: 'row' }}
           spacing={flexItemVerticalMargin}
           wrap="wrap"

From 2e73392d0a1e2e922188922fffc7f9f00fa95e31 Mon Sep 17 00:00:00 2001
From: Kamil Dzierzak <kamdzierzak@gmail.com>
Date: Sat, 16 Oct 2021 21:39:31 +0200
Subject: [PATCH 3/4] try flex 1 1 auto + minHeight

---
 .../website/src/components/MentorRequirements.tsx | 15 +++++----------
 1 file changed, 5 insertions(+), 10 deletions(-)

diff --git a/packages/website/src/components/MentorRequirements.tsx b/packages/website/src/components/MentorRequirements.tsx
index ad0a5ad9..17395ae0 100644
--- a/packages/website/src/components/MentorRequirements.tsx
+++ b/packages/website/src/components/MentorRequirements.tsx
@@ -14,28 +14,23 @@ export const MentorRequirements = () => {
       <Typography textAlign="center" as="h2" size="4xl" weight="extrabold" color="gray.900">
         Czego oczekujemy od mentora
       </Typography>
-      <VStack spacing={flexItemVerticalMargin}>
+      <VStack minHeight="min-content" spacing={flexItemVerticalMargin}>
         <Requirement>
           Znasz już większość zagadnień poruszanych na kursie i jesteś gotowy nauczyć się reszty. Jeżeli przykładowo
           pracujesz jako Frontend Developer i nie znasz dobrze Node.js lub jako Backend Developer i nie znasz dobrze
           React’a, nie przejmuj się tym. Jeśli tylko masz chęć rozwoju w tych dziedzinach, pomożemy Ci nadrobić braki
           jeszcze przed rozpoczęciem kursu.
         </Requirement>
-        <Stack
-          height="min-content"
-          direction={{ base: 'column', lg: 'row' }}
-          spacing={flexItemVerticalMargin}
-          wrap="wrap"
-        >
-          <Requirement flex="1 1 0px">
+        <Stack direction={{ base: 'column', lg: 'row' }} spacing={flexItemVerticalMargin} wrap="wrap">
+          <Requirement flex="1 1 auto">
             Posiadasz doświadczenie projektowe w branży IT. Jesteś w stanie poprzeć je ciekawym CV i/lub rozbudowanym
             portfolio na GitHubie.
           </Requirement>
-          <Requirement flex="1 1 0px">
+          <Requirement flex="1 1 auto">
             Chcesz wspierać innych w stawianiu pierwszych kroków w branży IT. Jesteś gotowy poświęcać na to kilka godzin
             każdego tygodnia przez 6 miesięcy.
           </Requirement>
-          <Requirement flex="1 1 0px">
+          <Requirement flex="1 1 auto">
             Przewodzenie zespołowi oraz uczenie innych sprawiają Ci przyjemność. Potrafisz w prosty sposób przedstawiać
             trudne zagadnienia.
           </Requirement>

From be45f98eedb9b1caf0ad05582d835161703bd0c6 Mon Sep 17 00:00:00 2001
From: Kamil Dzierzak <kamdzierzak@gmail.com>
Date: Sat, 16 Oct 2021 21:46:51 +0200
Subject: [PATCH 4/4] min-cont

---
 packages/website/src/components/MentorRequirements.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/packages/website/src/components/MentorRequirements.tsx b/packages/website/src/components/MentorRequirements.tsx
index 17395ae0..dadde9ab 100644
--- a/packages/website/src/components/MentorRequirements.tsx
+++ b/packages/website/src/components/MentorRequirements.tsx
@@ -14,7 +14,7 @@ export const MentorRequirements = () => {
       <Typography textAlign="center" as="h2" size="4xl" weight="extrabold" color="gray.900">
         Czego oczekujemy od mentora
       </Typography>
-      <VStack minHeight="min-content" spacing={flexItemVerticalMargin}>
+      <VStack spacing={flexItemVerticalMargin}>
         <Requirement>
           Znasz już większość zagadnień poruszanych na kursie i jesteś gotowy nauczyć się reszty. Jeżeli przykładowo
           pracujesz jako Frontend Developer i nie znasz dobrze Node.js lub jako Backend Developer i nie znasz dobrze
@@ -22,15 +22,15 @@ export const MentorRequirements = () => {
           jeszcze przed rozpoczęciem kursu.
         </Requirement>
         <Stack direction={{ base: 'column', lg: 'row' }} spacing={flexItemVerticalMargin} wrap="wrap">
-          <Requirement flex="1 1 auto">
+          <Requirement minHeight="min-content" flex="1 1 0px">
             Posiadasz doświadczenie projektowe w branży IT. Jesteś w stanie poprzeć je ciekawym CV i/lub rozbudowanym
             portfolio na GitHubie.
           </Requirement>
-          <Requirement flex="1 1 auto">
+          <Requirement minHeight="min-content" flex="1 1 0px">
             Chcesz wspierać innych w stawianiu pierwszych kroków w branży IT. Jesteś gotowy poświęcać na to kilka godzin
             każdego tygodnia przez 6 miesięcy.
           </Requirement>
-          <Requirement flex="1 1 auto">
+          <Requirement minHeight="min-content" flex="1 1 0px">
             Przewodzenie zespołowi oraz uczenie innych sprawiają Ci przyjemność. Potrafisz w prosty sposób przedstawiać
             trudne zagadnienia.
           </Requirement>