diff --git a/practice/practice-01/src/assets/images/security.png b/practice/practice-01/src/assets/images/security.png new file mode 100644 index 0000000..34bcec9 Binary files /dev/null and b/practice/practice-01/src/assets/images/security.png differ diff --git a/practice/practice-01/src/index.html b/practice/practice-01/src/index.html index 6f6f924..6cc9d50 100644 --- a/practice/practice-01/src/index.html +++ b/practice/practice-01/src/index.html @@ -69,11 +69,9 @@ + + +
+
+ +
+

+ 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 +
+ + + Image Security +
+
diff --git a/practice/practice-01/src/style/base/reset.css b/practice/practice-01/src/style/base/reset.css index 45a05ec..6aee23e 100644 --- a/practice/practice-01/src/style/base/reset.css +++ b/practice/practice-01/src/style/base/reset.css @@ -1,4 +1,4 @@ -/* http://meyerweb.com/eric/tools/css/reset/ +/* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */ @@ -105,9 +105,6 @@ nav, section { display: block; } -body { - line-height: 1; -} ol, ul { list-style: none; diff --git a/practice/practice-01/src/style/main.css b/practice/practice-01/src/style/main.css index e5b4272..ab4b6a9 100644 --- a/practice/practice-01/src/style/main.css +++ b/practice/practice-01/src/style/main.css @@ -1,6 +1,10 @@ @import url("./abstracts/variables.css"); @import url("./base/typo.css"); +* { + line-height: 125%; +} + .wrapper { width: 1440px; margin: auto; @@ -63,11 +67,6 @@ gap: 15px; } -.welcome__image { - width: 644.279px; - height: 378.13px; -} - .welcome__title { font-family: var(--ff-primary-bold); letter-spacing: 5px; @@ -78,7 +77,6 @@ .welcome__heading { font-size: var(--fs-lg); font-family: var(--ff-secondary-bold); - line-height: 125%; color: var(--white); } @@ -87,7 +85,6 @@ font-size: var(--fs-sm); letter-spacing: 0px; font-family: var(--ff-primary-regular); - line-height: 125%; color: var(--white); margin-bottom: 25px; } @@ -106,7 +103,6 @@ font-family: var(--ff-primary-regular); font-size: var(--fs-md); text-decoration: none; - line-height: 125%; /* Other */ cursor: pointer; @@ -159,10 +155,6 @@ color: var(--primary-color); } -.line-height-125 { - line-height: 125%; -} - .sponsor__heading { font-size: var(--fs-lg); font-family: var(--ff-secondary-bold); @@ -197,11 +189,34 @@ .conversation__heading { font-size: var(--fs-lg); font-family: var(--ff-secondary-bold); - line-height: 125%; } .conversation__description { font-size: var(--fs-sm); font-family: var(--ff-primary-regular); - line-height: 125%; -} \ No newline at end of file +} + +/* Security section */ +.security__container { + margin: 60px auto; + display: flex; + justify-content: space-between; + align-items: center; +} + +.security__content { + width: 470px; + display: flex; + flex-direction: column; + gap: 16px; +} + +.security__heading { + font-size: var(--fs-lg); + font-family: var(--ff-secondary-bold); +} + +.security__description { + font-size: 15px; + font-family: var(--ff-primary-regular); +}