diff --git a/src/assets/launchpad-black.png b/src/assets/launchpad-black.png new file mode 100644 index 0000000..80a386a Binary files /dev/null and b/src/assets/launchpad-black.png differ diff --git a/src/assets/launchpad-white-black.png b/src/assets/launchpad-white-black.png new file mode 100644 index 0000000..350222c Binary files /dev/null and b/src/assets/launchpad-white-black.png differ diff --git a/src/assets/launchpad-white.png b/src/assets/launchpad-white.png new file mode 100644 index 0000000..9f15766 Binary files /dev/null and b/src/assets/launchpad-white.png differ diff --git a/src/index.html b/src/index.html index 5ad2f33..09bd684 100644 --- a/src/index.html +++ b/src/index.html @@ -28,27 +28,14 @@ +
+ - \ No newline at end of file diff --git a/src/stylesheets/style.css b/src/stylesheets/style.css index 687d9a5..3108a5e 100644 --- a/src/stylesheets/style.css +++ b/src/stylesheets/style.css @@ -97,6 +97,17 @@ a:active { color: grey; } +.content-holder { + display: grid; + width: fit-content; + margin: auto; + grid-auto-flow: column; +} +.content-separator { + width: 350px; + grid-column: 2; +} + .link-image { width: 150px; height: 150px; @@ -105,6 +116,19 @@ a:active { text-align: center; } +.contact-link { + display: flex; +} +.contact-image { + width: 48px; + height: 48px; +} +.contact-text { + text-align: right; + padding-left: 10px; + font-size: 28px; +} + strong { font-family: 'Inter', sans-serif; font-style: normal; @@ -225,7 +249,7 @@ strong { display: grid; column-gap: 40px; row-gap: 40px; - grid-auto-flow: row; + /* grid-auto-flow: row; */ width: fit-content; margin: auto; margin-top: 100px; @@ -236,6 +260,13 @@ strong { row-gap: 40px; grid-template-columns: repeat(2, 270px); } + + .content-holder { + grid-auto-flow: row; + } + .content-separator { + width: 0px; + } } @media only screen and (max-width: 650px) {