Skip to content

Commit 43a66d9

Browse files
committed
chore: remove accidental mention
1 parent 5b2421d commit 43a66d9

File tree

7 files changed

+165
-273
lines changed

7 files changed

+165
-273
lines changed

089-one color UI/styles/_global.scss

Lines changed: 55 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,55 @@
1+
@import url("https://fonts.googleapis.com/css2?family=Lobster&family=Montserrat:wght@400;600&display=swap");
2+
3+
:root {
4+
--primary-color: #f54538;
5+
--black: #070707;
6+
--gradient: radial-gradient(#525252, #131313);
7+
}
8+
9+
* {
10+
box-sizing: border-box;
11+
margin: 0;
12+
padding: 0;
13+
}
14+
15+
html {
16+
font-size: 62.5%;
17+
}
18+
19+
body {
20+
color: white;
21+
font-family: "Montserrat", sans-serif;
22+
}
23+
24+
h1 {
25+
font-size: 2.5rem;
26+
font-family: "Lobster", cursive;
27+
font-weight: lighter;
28+
}
29+
30+
h2 {
31+
font-size: 8rem;
32+
font-family: "Lobster", cursive;
33+
font-weight: lighter;
34+
}
35+
36+
h3 {
37+
font-size: 3.5rem;
38+
}
39+
40+
h4 {
41+
font-size: 3rem;
42+
}
43+
44+
p {
45+
font-size: 2.5rem;
46+
}
47+
48+
li {
49+
font-size: 2rem;
50+
}
51+
52+
a {
53+
color: white;
54+
text-decoration: none;
55+
}
Lines changed: 73 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,73 @@
1+
@media screen and (max-width: 1200px) {
2+
html {
3+
font-size: 50%;
4+
}
5+
6+
nav {
7+
#logo {
8+
flex: 1;
9+
}
10+
ul {
11+
margin-left: 5rem;
12+
}
13+
}
14+
15+
.showcase {
16+
grid-template-columns: 10% 1fr 10%;
17+
18+
img {
19+
width: 100%;
20+
object-fit: contain;
21+
}
22+
23+
img,
24+
h2,
25+
.info {
26+
grid-column: 2/3;
27+
text-align: center;
28+
}
29+
}
30+
31+
.features {
32+
align-items: center;
33+
34+
h2 {
35+
margin-top: 5rem;
36+
}
37+
38+
.cards {
39+
flex-direction: column;
40+
width: 60%;
41+
42+
.card {
43+
margin: 5rem 0rem;
44+
}
45+
}
46+
}
47+
48+
.soon {
49+
overflow: hidden;
50+
51+
img {
52+
width: 60%;
53+
}
54+
55+
h2 {
56+
font-size: 5rem;
57+
}
58+
}
59+
60+
.footer {
61+
h1 {
62+
flex: 1;
63+
}
64+
}
65+
}
66+
67+
@media screen and (max-width: 640px) {
68+
.features {
69+
.cards {
70+
width: 100%;
71+
}
72+
}
73+
}

0 commit comments

Comments
 (0)