Fix scrool to anchor

project/templates/blocks/about.html

@@ -1,5 +1,5 @@
 {% load static %}
-<div class="section section_school" id="about">
+<div class="section section_school anchor" id="about">
   <div class="section__center center">
     <div class="text text_only_curve">
       <img class="text__curve text__curve_one" src="{% static 'img/curve-1.svg' %}" width="320">

project/templates/blocks/game.html

@@ -1,14 +1,13 @@
 {% load static %}
-
+<div class="game anchor" id="game">
-<div class="game" id="game">
+  <div class="game__center center">
-    <div class="game__center center">
+    <div class="game__wrap">
-        <div class="game__wrap">
+      <div class="game__theme">LILCITY</div>
-            <div class="game__theme">LILCITY</div>
+      <div class="game__title">Приложения, развивающие игры и интерактивные книги от Lil City.</div>
-            <div class="game__title">Приложения, развивающие игры и интерактивные книги от Lil City.</div>
+      <a class="game__btn btn btn_dark" href="http://lil.city">УЗНАТЬ БОЛЬШЕ</a>
-            <a class="game__btn btn btn_dark" href="http://lil.city">УЗНАТЬ БОЛЬШЕ</a>
-        </div>
-    </div>
-    <div class="game__preview">
-        <img class="game__pic" src="{% static 'img/icons.png' %}">
     </div>
+  </div>
+  <div class="game__preview">
+    <img class="game__pic" src="{% static 'img/icons.png' %}">
+  </div>
 </div>

project/templates/blocks/teachers.html

@@ -1,7 +1,7 @@
 {% load static %}
-<div class="section">
+<div class="section anchor" id="teachers">
   <div class="section__center center center_md">
-    <a id="teachers" name="teachers">
+    <a name="teachers">
       <div class="title title_center">Преподаватели</div>
     </a>
     <div class="text">

web/src/sass/_common.sass

@@ -4022,3 +4022,7 @@ a
     opacity: 0.3
     +m
       //margin-top: 0px
+
+.anchor
+  padding-top: 100px;
+  margin-top: -100px