перенес ноду с бэк и добавил скролл отступ для ссылки

Vallek · Mar 30, 2024 · 95638fd · 95638fd
1 parent 76ea779
commit 95638fd
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 4 deletions.
diff --git a/css/main.css b/css/main.css
@@ -680,6 +680,8 @@ a {
 	font-size: 1em;
 	text-decoration: none;
 	line-height: 1.4;
+	scroll-margin-top: 0.5em;
+	scroll-snap-margin-top: 0.5em;
 }
 
 a:hover {

diff --git a/css/style.css b/css/style.css
@@ -680,6 +680,8 @@ a {
 	font-size: 1em;
 	text-decoration: none;
 	line-height: 1.4;
+	scroll-margin-top: 0.5em;
+	scroll-snap-margin-top: 0.5em;
 }
 
 a:hover {

diff --git a/index.html b/index.html
@@ -353,6 +353,14 @@ <h4>Лучшие практики 👍</h4>
 				</article>
 				<article class="topic backend">
 					<h3 class="topic__heading" id="backend"><a href="#backend">Бэкенд</a></h3>
+					<section class="topic__section">
+						<h4>Языки/платформы</h4>
+						<ul>
+							<li>
+								<img loading="lazy" alt="" class="topic__favicon nodejs_org" src="img/css_sprites.png"><a id="nodejs" href="https://nodejs.org/en/">Node.js</a>
+							</li>
+						</ul>
+					</section>
 					<section class="topic__section">
 						<h4>Серверы</h4>
 						<ul>
@@ -570,10 +578,7 @@ <h4>Общее</h4>
 						<h4>Менеджеры пакетов</h4>
 						<ul>
 							<li>
-								<img loading="lazy" alt="" class="topic__favicon nodejs_org" src="img/css_sprites.png"><a href="https://nodejs.org/en/">Node.js (нужен для работы npm)</a>
-							</li>
-							<li>
-								<img loading="lazy" alt="" class="topic__favicon www_npmjs_com" src="img/css_sprites.png"><a href="https://www.npmjs.com/">Менеджер пакетов npm</a> <span>и</span> <img loading="lazy" alt="" class="topic__favicon docs_npmjs_com" src="img/css_sprites.png"><a href="https://docs.npmjs.com/downloading-and-installing-node-js-and-npm">документация</a>
+								<img loading="lazy" alt="" class="topic__favicon www_npmjs_com" src="img/css_sprites.png"><a href="https://www.npmjs.com/">Менеджер пакетов npm</a> <span>(идет вместе с</span> <a href="#nodejs">Node.js</a><span>) и</span> <img loading="lazy" alt="" class="topic__favicon docs_npmjs_com" src="img/css_sprites.png"><a href="https://docs.npmjs.com/downloading-and-installing-node-js-and-npm">документация</a>
 							</li>
 							<li>
 								<img loading="lazy" alt="" class="topic__favicon rubygems_org" src="img/css_sprites.png"><a href="https://rubygems.org/pages/download">Менеджер пакетов RubyGems для Jekyll</a> <span>и</span> <img loading="lazy" alt="" class="topic__favicon" src="img/faviconV2.png"><a href="https://guides.rubygems.org/command-reference/">документация</a>