From 7e8c2a48fd21b9c436d2ef1985be9cd363fd1023 Mon Sep 17 00:00:00 2001 From: AsteroidusTv Date: Mon, 20 May 2024 15:55:22 +0200 Subject: [PATCH] Clean css and html --- index.html | 32 +++++++++++++++++--------------- styles/header.css | 6 ++++-- styles/standard-assets/card.css | 4 +--- styles/styles.css | 8 ++++++-- 4 files changed, 28 insertions(+), 22 deletions(-) diff --git a/index.html b/index.html index 7d65c05..0c22963 100644 --- a/index.html +++ b/index.html @@ -2,21 +2,21 @@ - + - + - - + + - - - - - + + + + + @@ -50,12 +50,14 @@

cl

search icon + + -
- -
+ +
+ diff --git a/styles/header.css b/styles/header.css index be13bea..b473599 100644 --- a/styles/header.css +++ b/styles/header.css @@ -12,7 +12,7 @@ font-size: 65px; text-transform: uppercase; color: var(--main-color); - font-family: "Jersey20-Regular"; + font-family: var(--title-font); } .main-header-title-text2 { @@ -49,13 +49,15 @@ .main-header-button { height: 40px; + display: flex; + align-items: center; + justify-content: center; } .main-header-button-img { display: none; height: 30px; width: 30px; - transform: translateX(-4px); } @media screen and (max-width: 800px) { diff --git a/styles/standard-assets/card.css b/styles/standard-assets/card.css index 9445ab6..f0d2b31 100644 --- a/styles/standard-assets/card.css +++ b/styles/standard-assets/card.css @@ -64,8 +64,6 @@ background: url("../../images/stars/star-full.svg"); } - - .standart-card-stars-text { margin-bottom: -10px; margin-top: 10px; @@ -85,7 +83,7 @@ .standard-card { transform: scale(1.4) translateY(70px); } - .bottom { + .main-header-button { display: none; } } diff --git a/styles/styles.css b/styles/styles.css index 8820bc2..9957c70 100644 --- a/styles/styles.css +++ b/styles/styles.css @@ -12,6 +12,10 @@ --main-background: #000000; --main-color: #FFFFFF; + /* Fonts */ + --main-font: "SpaceGrotesk"; + --title-font: "Jersey20-Regular"; + /* Borders */ --border-width: 2px; --border-style: solid; @@ -23,7 +27,7 @@ border: 0; padding: 0; box-sizing: border-box; - font-family: "SpaceGrotesk"; + font-family: var(--main-font); color: var(--main-color); } @@ -54,7 +58,7 @@ main { border-top: var(--border-width) var(--border-style) var(--border-color); } -.main-footer p { +.main-footer-text { font-size: 20px; }