diff --git a/index.html b/index.html index cc2b5f8..456ca8a 100644 --- a/index.html +++ b/index.html @@ -116,6 +116,7 @@ +
@@ -138,14 +139,6 @@ - -
+ + +
-
+
diff --git a/style.css b/style.css index bcfbabf..0596a33 100644 --- a/style.css +++ b/style.css @@ -35,6 +35,10 @@ html, body, * { .header_top_list { display: flex; width: 100%; + margin: 20px 0; +} +.header_nav_item-empty { + display: block; } .logo_link { margin: 0; @@ -125,9 +129,6 @@ html, body, * { .header_call_text { color: #fff; } -.header_top_list { - margin: 20px 0; -} .header_nav { margin: 0; display: flex; @@ -143,8 +144,7 @@ html, body, * { justify-content: space-between; align-items: center; white-space: nowrap; - padding: 10px; - width: 500px; + padding: 10px 0; } .header_nav_item-reverse { display: none; @@ -227,9 +227,6 @@ html, body, * { .header_top_list_active { display: none; } -.header_top_list { - display: block; -} /* --------------------------------------------------------------------------------------------- */ .header_row_info { display: flex; @@ -1133,10 +1130,6 @@ html, body, * { .wrapper { max-width: 1200px; } -.header_nav_item-empty { - display: none; -} - .header_nav_item-reverse { display: block; } @@ -1248,7 +1241,9 @@ html, body, * { } .header_nav_item-show { margin: 0; - padding: 10px; + display: flex; + justify-content: center; + align-items: center; } .dropdown-list_wrapper { display: flex; @@ -1292,6 +1287,12 @@ html, body, * { .accordion-item.active .blue-square { margin: 15px; } +.header_nav_item-empty { + display: none; +} +.header_nav_item-show { + display: block; +} } @@ -1629,17 +1630,6 @@ body.lock { padding: 15px; border-radius: 33px; } -.top_list_btn { - display: flex; - align-items: center; - justify-content: center; - gap: 5px; - background-color: #F4F4F4; - padding: 13px 0px; - width: 100%; - border-radius: 33px; - font-weight: 500; -} .top_list_btn svg { margin: 0; } @@ -1668,8 +1658,8 @@ body.lock { .header_nav_burger.open { margin: 0; - width: 500px; - max-height: 500px; /* подстрой под контент */ + max-height: 500px; + padding: 10px 0; /* подстрой под контент */ } .header_nav { display: none; @@ -1680,18 +1670,37 @@ body.lock { align-items: center; } .top_list_btn_burger { - margin: 0; width: 100%; - margin-bottom: 20px; +} + +.top_list_btn { + display: flex; + align-items: center; + justify-content: center; + gap: 5px; + width: 100%; + height: 100%; + padding: 15px 0; + background: #F4F4F4; + border: none; + border-radius: 33px; + font-weight: 500; + cursor: pointer; +} + +.top_list_btn svg { + pointer-events: none; /* чтобы клик шел по кнопке, а не по svg */ } .header_nav_item { display: flex; border-radius: 33px; - padding: 13px 0px; - background-color: #F4F4F4; - margin-bottom: 20px; +} +.dropdown-list { + display: none; } .header_top_list_active { + width: 100%; + margin: 0; display: flex; flex-direction: column; justify-content: center; @@ -1707,5 +1716,19 @@ body.lock { .footer_chart_content { width: 71%; } +.header_nav_item { + margin: 0; + padding: 10px 0; +} +.header_nav_link { + display: flex; + align-items: center; + justify-content: center; + padding: 13px 0px; + width: 500px; + background-color: #F4F4F4; + border-radius: 33px; + +} } \ No newline at end of file