From 3d1d136426d360c68e6b6c4258587edc3b0a38bd Mon Sep 17 00:00:00 2001 From: Nez27 Date: Mon, 3 Jul 2023 09:24:09 +0700 Subject: [PATCH] Refactor code --- practice/practice-01/src/index.html | 213 ++++++++++-------- .../src/style/abstracts/variables.css | 2 +- practice/practice-01/src/style/main.css | 16 +- 3 files changed, 127 insertions(+), 104 deletions(-) diff --git a/practice/practice-01/src/index.html b/practice/practice-01/src/index.html index d575bb8..6f6f924 100644 --- a/practice/practice-01/src/index.html +++ b/practice/practice-01/src/index.html @@ -7,111 +7,128 @@ + -
- -
-
- - -
-
+ Learn More +
+ - -
-
- Welcome -

- Lorem ipsum dolor sit amet consectetur -

-

- Lorem ipsum, dolor sit amet consectetur adipisicing elit. Suscipit - nemo hic quos, ab, dolor aperiam nobis cum est eos error ipsum, - voluptate culpa nesciunt delectus iste? -

- Explore -
- Header Image -
+ +
+
+ + Conversation Image + + +
+

+ Lorem ipsum dolor sit amet consectetur +

+

+ Lorem ipsum, dolor sit amet consectetur adipisicing elit. + Suscipit nemo hic quos, ab, dolor aperiam nobis cum est eos + error ipsum, voluptate culpa nesciunt delectus iste? +

+ Learn More +
+
+
+ - - - - - -
-
- - Conversation Image - - -
-

- Lorem ipsum dolor sit amet consectetur -

-

- Lorem ipsum, dolor sit amet consectetur adipisicing elit. Suscipit - nemo hic quos, ab, dolor aperiam nobis cum est eos error ipsum, - voluptate culpa nesciunt delectus iste? -

- Learn More -
-
-
diff --git a/practice/practice-01/src/style/abstracts/variables.css b/practice/practice-01/src/style/abstracts/variables.css index edcf682..75ac2f0 100644 --- a/practice/practice-01/src/style/abstracts/variables.css +++ b/practice/practice-01/src/style/abstracts/variables.css @@ -6,7 +6,7 @@ --fs-sm: 15px; --fs-md: 20px; --fs-lg: 40px; - --width: 1180px; + --max-width: 1180px; --ff-secondary-regular: CrimsonText-Regular; --ff-secondary-bold: CrimsonText-Bold; --ff-primary-medium: WorkSans-Medium; diff --git a/practice/practice-01/src/style/main.css b/practice/practice-01/src/style/main.css index e7eb052..e5b4272 100644 --- a/practice/practice-01/src/style/main.css +++ b/practice/practice-01/src/style/main.css @@ -1,13 +1,22 @@ @import url("./abstracts/variables.css"); @import url("./base/typo.css"); +.wrapper { + width: 1440px; + margin: auto; +} + +.width-container { + width: 1180px; + margin: auto; +} + .header__background { background-color: var(--primary-color); } .container { display: flex; - width: 1175px; align-items: center; justify-content: space-between; padding-top: 35px; @@ -42,7 +51,6 @@ /* Welcome section */ .welcome { margin: auto; - width: 1180px; display: flex; gap: 120px; padding-bottom: 82.87px; @@ -129,7 +137,6 @@ /* Pattern Section */ .sponsor__container { - width: var(--width); margin: 60 auto; gap: 55px; } @@ -174,7 +181,6 @@ /* Conversation Section */ .conversation__container { - width: var(--width); margin: 60px auto; display: flex; justify-content: space-between; @@ -198,4 +204,4 @@ font-size: var(--fs-sm); font-family: var(--ff-primary-regular); line-height: 125%; -} +} \ No newline at end of file