task 2251 stage 4

Этот сайт лучше всего просматривать в современном браузере с включённым JavaScript.

task 2251 stage 4

salton

условие задачи:

результат проверки:

фрагмент кода:

@font-face {
    font-family: "Jost";
    font-style: normal;
    src: url("./fonts/Jost-Regular.ttf") format("truetype");
    font-weight: 400;
}

@font-face {
    font-family: "Jost";
    font-style: normal;
    src: url("./fonts/Jost-SemiBold.ttf") format("truetype");
    font-weight: 600;
}

* {
    font-family: Jost, sans-serif;
    box-sizing: border-box;
    margin: 0;
}

пробовал также по другому объявлять шрифты:

@font-face {
    font-family: 'Jost';
    font-style: normal;
    src: url("./fonts/Jost-Regular.ttf") format('truetype');
    font-weight: 400;
}

Coderslang_Master

salton первый вариант точно не должен сколько ошибок давать, покажи все файлы связанные с этой задачей (текстом) и дерево файлов (скриншот)

salton

полный css:

@font-face {
    font-family: "Jost";
    font-style: normal;
    src: url("./fonts/Jost-Regular.ttf") format("truetype");
    font-weight: 400;
}

@font-face {
    font-family: "Jost";
    font-style: normal;
    src: url("./fonts/Jost-SemiBold.ttf") format("truetype");
    font-weight: 600;
}

* {
    font-family: Jost, sans-serif;
    box-sizing: border-box;
    margin: 0;
}

.logo-container,
.logo-container img {
    height: 60px;
}

header {
    background-color: #E4ECEE;
}

.container {
    max-width: 1320px;
    margin: 0 auto;
}

.menu-block {
    display: flex;
    margin-left: auto;
}

полный index:

!DOCTYPE html>
<html>
  <head>
    <title>Mining Empire</title>
    <link rel="shortcut icon" href="./images/favicon.ico">
    <link rel="stylesheet" type="text/css" href="./styles.css">
    <style>
 
    </style>
  </head>
  <body>
    <header>
      <div class="container">
        <nav>
          <div class="logo-container">
            <a href="#"> <img src="./images/logo.png" alt=""></a>
          </div>
          <div class="menu-block">
            <ul class="main-menu">
              <li class="nav-item"><a href="#about" class="nav-item-link">About app</a></li>
              <li class="nav-item"><a href="#learn" class="nav-item-link">Learn with us</a></li>
            </ul>
          </div>          
        </nav>
      </div>
    </header>
  </body>
</html>

Coderslang_Master

salton похоже что проблема в пустом теге script. Удали его.

salton

Coderslang_Master похоже что проблема в пустом теге script. Удали его.

не script, а style, но таки да - помогло! а можно узнать как вы это определили?

Coderslang_Master

salton да, точно style. Перепутал пока писал прошлый пост.

Определил с помощью дебага, у меня же есть доступ к тестам, которые проверяют твой код 😉.
Но нашел проблему далеко не сразу, конечно.

salton

Понятно, тогда параллельный вопрос - тема тестирования затрагиваться в обучении будет?? Судя из названий лекций я подобного не вижу, а тема крайне интересна.. Я конечно не совсем в курсе затрагивает ли full stack js написание тестов, но мне кажется, что хотя бы краем нужно пройтись по этим вопросам - хоть одной лекцией.

Coderslang_Master

salton да, скорее всего будет пару лекций о юнит тестировании.