Commit 417358d
authored
| Original file line number | Diff line number | Diff line change | |
|---|---|---|---|
@@ -6,7 +6,7 @@ const ContactInfo = () => { | |||
| 6 | 6 | <div> | |
| 7 | 7 | <ContactHeader>Contact Us</ContactHeader> | |
| 8 | 8 | {/* <ContactParagraph> <p>32/F, 148 Electric Road, North Point, Hong Kong | </p><p> info@bfam-partners.com</p> </ContactParagraph> */} | |
| 9 | - <ContactParagraph> 32/F, 148 Electric Road, North Point, Hong Kong | info@bfam-partners.com </ContactParagraph> | ||
| 9 | + <ContactParagraph> 35/F, 148 Electric Road, North Point, Hong Kong | info@bfam-partners.com </ContactParagraph> | ||
| 10 | 10 | </div> | |
| 11 | 11 | <div> | |
| 12 | 12 | <ContactHeader>Telephone</ContactHeader> | |
| Original file line number | Diff line number | Diff line change | |
|---|---|---|---|
@@ -26,6 +26,17 @@ const StyledDisclaimer = styled.div` | |||
| 26 | 26 | max-width: 100%; | |
| 27 | 27 | background: #fff; | |
| 28 | 28 | padding: 30px 130px; | |
| 29 | + @media (max-width: 991px) {; | ||
| 30 | + padding: 20px 80px; | ||
| 31 | + } | ||
| 32 | + @media (max-width: 750px) { | ||
| 33 | + padding: 20px 40px; | ||
| 34 | + gap: 10px; | ||
| 35 | + } | ||
| 36 | + @media (max-width: 500px) { | ||
| 37 | + padding-left: 20px; | ||
| 38 | + padding-right: 20px; | ||
| 39 | + } | ||
| 29 | 40 | `; | |
| 30 | 41 | ||
| 31 | 42 | const Header = styled.h1` | |
@@ -77,35 +88,19 @@ const StyledJargon = styled.p` | |||
| 77 | 88 | line-height: 26px; | |
| 78 | 89 | ||
| 79 | 90 | word-break: break-word; | |
| 80 | - word-wrap: break-word; | ||
| 81 | - `; | ||
| 82 | - | ||
| 83 | - const StyledButton = styled.div` | ||
| 84 | - | ||
| 85 | - padding: 10px 34px; | ||
| 86 | - color: #002f6c; | ||
| 87 | - background: #fff; | ||
| 88 | - width: 4vw; | ||
| 89 | - text-transform: uppercase; | ||
| 90 | - font-family: "Poppins", sans-serif; | ||
| 91 | - font-weight: 600; | ||
| 92 | - font-style: normal; | ||
| 93 | - font-size: 17px; | ||
| 94 | - line-height: 1.2; | ||
| 95 | - border: none; | ||
| 96 | - cursor: pointer; | ||
| 97 | - | ||
| 98 | - @media (max-width: 991px) { | ||
| 99 | - width: 8vw; | ||
| 91 | + word-wrap: break-word; | ||
| 92 | + | ||
| 93 | + @media (max-width: 991px) {; | ||
| 94 | + font-size: 16px; | ||
| 100 | 95 | } | |
| 101 | - | ||
| 102 | - @media (max-width: 600px) { | ||
| 103 | - width: 12vw; | ||
| 96 | + @media (max-width: 750px) { | ||
| 97 | + font-size: 15px; | ||
| 104 | 98 | } | |
| 105 | - | ||
| 106 | - @media (max-width: 425px) { | ||
| 107 | - width: 16vw; | ||
| 99 | + @media (max-width: 500px) { | ||
| 100 | + font-size: 14px; | ||
| 108 | 101 | } | |
| 109 | - `; | ||
| 102 | + `; | ||
| 103 | + | ||
| 104 | + | ||
| 110 | 105 | ||
| 111 | 106 | export default Disclaimer; | |
| Original file line number | Diff line number | Diff line change | |
|---|---|---|---|
@@ -55,7 +55,7 @@ const Logo = styled.img` | |||
| 55 | 55 | // create a component that displays video-hero.mp4 on loop | |
| 56 | 56 | const Timelapse = () => { | |
| 57 | 57 | return ( | |
| 58 | - <StyledVideo autoPlay loop muted> | ||
| 58 | + <StyledVideo autoPlay loop muted playsInline> | ||
| 59 | 59 | <source src="video-hero.mp4" type="video/mp4" /> | |
| 60 | 60 | </StyledVideo> | |
| 61 | 61 | ); | |
0 commit comments