diff --git a/index.html b/index.html index 99245d8c..ba4fad2a 100644 --- a/index.html +++ b/index.html @@ -19,12 +19,16 @@ /> + + + +
+ +
@@ -97,7 +103,9 @@

+ + + + + + + + \ No newline at end of file diff --git a/package-lock.json b/package-lock.json new file mode 100644 index 00000000..a59b10b1 --- /dev/null +++ b/package-lock.json @@ -0,0 +1,6 @@ +{ + "name": "CodeClip", + "lockfileVersion": 3, + "requires": true, + "packages": {} +} diff --git a/styles/main.css b/styles/main.css new file mode 100644 index 00000000..fa6bc787 --- /dev/null +++ b/styles/main.css @@ -0,0 +1,36 @@ +.hero__content{ + display: flex; + flex-direction: row; +} +@media (max-width:1025px){ + .hero__content{ + flex-direction: column; + } + .hero__visual, .hero__text{ + flex: 1; + width: 70%; + } +} +.hero__text{ + flex: 1; + display: flex; + flex-direction: column; +} +.hero__cta{ + display: flex; + flex-direction: row; +} +.hero__text .hero__cta a{ + flex: 1; +} +@media (max-width:939px){ + .hero__cta{ + display: flex; + flex-direction: column; + padding: 0 10%; + } +} +.hero__visual{ + flex: 1; + padding: 0px 5%; +} \ No newline at end of file diff --git a/styles/themes.css b/styles/themes.css index a771ee33..74e6a0ba 100644 --- a/styles/themes.css +++ b/styles/themes.css @@ -8,7 +8,7 @@ --bg-color: #121212; --text-color: #f1f1f1; --header-bg: #1e1e1e; - } + } body { background-color: var(--bg-color); diff --git a/submit-challenge/styles.css b/submit-challenge/styles.css index 78ec855b..70b7b58c 100644 --- a/submit-challenge/styles.css +++ b/submit-challenge/styles.css @@ -360,4 +360,4 @@ input:focus, textarea:focus, select:focus, button:focus { @keyframes spin { 0% { transform: translate(-50%, -50%) rotate(0deg); } 100% { transform: translate(-50%, -50%) rotate(360deg); } -} \ No newline at end of file +}