padding added

src/partials/footer 2.html

+<footer>
+  <div class="footer_container container">
+    <p class="footer_text">
+      &copy; 2022 | All Rights Reserved | Developed with<svg
+        class="footer_icon"
+        width="14px"
+        height="12.88px"
+      >
+        <use href="./images/sprite.svg#heart"></use></svg>by <a href="#"> GoIT Students </a>
+    </p>
+  </div>
+</footer>

src/partials/header 2.html

+<header>
+  <div class="container">
+    <nav>
+      <div class="nav__wrap">
+        <div class="logo">
+          <svg width="24px" height="24px" class="logo__icon">
+            <use href="/images/sprite.svg#logo"></use>
+          </svg>
+          <a href="index.html" class="logo__text link">Filmoteka</a>
+        </div>
+        <ul class="nav__list list">
+          <li class="nav__item nav__item--current">Home</li>
+          <li class="nav__item">My library</li>
+        </ul>
+      </div>
+      <div class="search-field">
+        <span class="search-field__wrap">
+          <input class="search-field__input" placeholder="Поиск фильмов" />
+          <div class="search-field__icon--wrap">
+            <svg width="12px" height="12px" class="search-field__icon">
+              <use href="/images/sprite.svg#search"></use>
+            </svg>
+          </div>
+        </span>
+      </div>
+    </nav>
+  </div>
+</header>

src/partials/one-card-preview 2.html

+<div class="container-card-preview">
+  <img
+    src="https://i.pinimg.com/originals/53/91/1a/53911a269df36dd3b2a2007b7f0ed03e.jpg"
+    alt="poster"
+    class="card-preview__poster"
+  />
+
+  <h2 class="card-preview-info__name">name</h2>
+  <div class="card-preview-info">
+    <p class="card-preview-info__data">Genre | years</p>
+    <span class="card-preview-info__rating">rating</span>
+  </div>
+</div>

src/sass/_footer 2.scss

+footer {
+    background-color: $secondary-white-color;
+    min-width: 320px;
+}
+
+.footer_container {
+    padding-top: 30px;
+    padding-bottom: 30px;
+}
+
+.footer_text {
+    color: $footer-text-color;
+    font-size: 16px;
+    font-weight: 400;
+    text-align: center;
+    line-height: 1.14;
+    margin-top: 0px;
+    margin-bottom: 0px;
+
+    @media screen and (max-width: 768px) {
+        width: 270px;
+        margin-left: auto;
+        margin-right: auto;
+    }
+
+}
+
+.footer_icon {
+    margin-left: 10px;
+    margin-right: 10px
+}
\ No newline at end of file

src/sass/_general-container.scss

@@ -15,15 +15,19 @@
 }
 
 .movies{
+    padding-top: 20px;
+    padding-bottom: 20px;
 display: flex;
 flex-direction: column;
 @media screen and (min-width: 767px){
     display: flex;
     flex-wrap: wrap;
     flex-direction: unset;
+    padding-top: 60px;
 }
 @media screen and (min-width: 1024px){
     display: flex;
+    padding-bottom: 15px;
  
 }
 }

src/sass/_header 2.scss

+header {
+  background-image: linear-gradient(rgba(0, 0, 0, 0.56), rgba(0, 0, 0, 0.56)),
+    url(../images/header-background.jpg);
+
+  height: 230px;
+  width: 100%;
+  min-width: 320px;
+
+  background-size: cover;
+  background-repeat: no-repeat;
+  background-position: center;
+}
+
+.logo {
+  margin-top: 40px;
+  display: flex;
+  align-items: center;
+}
+
+.logo__icon {
+  justify-self: middle;
+  margin-right: 10px;
+}
+
+.logo__text {
+  display: none;
+  font-family: Roboto;
+  font-size: 30px;
+  font-weight: 500;
+  line-height: 35px;
+  letter-spacing: 0em;
+  text-align: center;
+
+  color: white;
+  @media screen and (min-width: 768px) {
+    display: inline-block;
+  }
+}
+
+.nav__list {
+  display: flex;
+  margin-left: auto;
+  margin-top: 39px;
+  align-items: center;
+
+  color: white;
+}
+
+.nav__wrap {
+  display: flex;
+  flex-direction: row;
+}
+
+.nav__item {
+  font-family: Roboto;
+  font-size: 12px;
+  font-weight: 500;
+  line-height: 14px;
+  letter-spacing: 0em;
+  text-align: center;
+  text-transform: uppercase;
+
+  padding: 10px 0;
+  position: relative;
+
+  &:not(:last-child) {
+    margin-right: 39px;
+  }
+}
+
+.nav__item--current::after {
+  content: '';
+  display: block;
+  width: 100%;
+  height: 3px;
+  position: absolute;
+  background-color: #ff6b08;
+}
+
+.search-field {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin-top: 37px;
+}
+
+.search-field__input {
+  font-family: Roboto;
+  font-size: 14px;
+  font-weight: 400;
+  line-height: 16px;
+  letter-spacing: 0em;
+  text-align: left;
+  color: white;
+
+  height: 20px;
+  width: 280px;
+
+  background-color: transparent;
+  border: 0;
+  border-bottom: 0.5px solid #ffffff;
+
+  @media screen and (min-width: 768px) {
+    width: 336px;
+  }
+
+  &:focus {
+    outline: none;
+    border: 0;
+    border-bottom: 0.5px solid #ffffff;
+  }
+
+  &::placeholder {
+    font-family: Roboto;
+    font-size: 14px;
+    font-weight: 400;
+    line-height: 16px;
+    letter-spacing: 0em;
+    text-align: left;
+    color: white;
+  }
+}
+
+.search-field__wrap {
+  position: relative;
+}
+
+.search-field__icon {
+  align-items: center;
+  text-align: center;
+}
+
+.search-field__icon--wrap {
+  width: 20px;
+  height: 20px;
+  display: flex;
+  position: absolute;
+  right: 0;
+  top: 0;
+  align-items: center;
+  justify-content: center;
+}

src/sass/components/_one-card-preview 2.scss

+
+// .container-card-preview{
+// height: 445px;
+// margin-left: auto;
+// margin-right: auto;
+//   width: 320px;
+//   padding: 0 20px;
+// @media screen and (min-width: 480px) {
+//  margin-top: 20px;
+// width: 324px;
+// padding: 0 15px;
+// }
+
+// @media screen and (min-width: 768px) {
+//   margin-top: 30px;
+//   width: 304px;
+
+// }
+
+// // @media screen and (min-width: 1024px) {
+
+// // }
+// }
+// .card-preview__poster{
+//   width: 100%;
+//   height: 398px;
+
+// }
+.card-preview-info{
+
+  display: flex;
+  font-size: 12px;
+  line-height: 1.33;
+
+}
+.card-preview-info__name{
+  margin: 10px 0 0 0 ;
+  font-size: 12px;
+  line-height: 1.33;
+
+}
+.card-preview-info__data{
+  color: $accent-color;
+  margin: 0;
+  font-size: 12px;
+  line-height: 1.33;
+  margin-right: 10px;
+}
+.card-preview-info__rating{
+  padding: 1px 9px 1px 10px;
+  background-color:  $accent-color;
+  color: $primary-white-color;
+  border-radius: 5px;
+line-height: 1.16;
+}
\ No newline at end of file