Повторное использование HTML / CSS для другой страницы, но не идентично - PullRequest
Новая
       38

Повторное использование HTML / CSS для другой страницы, но не идентично

1 голос
/ 12 июля 2019

Я пытаюсь повторно использовать HTML с предыдущей страницы и писать новый контент на новой странице, сохраняя при этом кнопку «Домой» и нижний колонтитул для портфолио.Я скопировал HTML-код, содержащий мои домашнюю кнопку и нижний колонтитул, и использовал ту же таблицу стилей.Но после открытия новой страницы с (в основном) тем же контентом без раздела героя и работы элементы на моей странице выглядят немного смещенными вправо.

Когда я добавляю контент с целевой страницы наНа новой странице эта проблема исчезает, а элементы сбрасываются влево, как я хочу.Тем не менее, когда я добавляю контент, не содержащий раздел «Герой и работа» с целевой страницы, проблема сохраняется.

Я пытался не использовать поле и вместо этого использовать позиционирование, но я не уверен, если этоэто правильное направление, я должен идти.Я добавлю кодовые ручки, чтобы сравнить их.Надеюсь, разница заметна, так как я действительно хочу работать над фактическим содержанием моего портфолио.Я ценю любые советы.

Моя целевая страница : 

<div class="container">
      <header>
        <h1 class="logo"><a href="index.html">Ryan M</a></h1>
      </header>

      <section class="hero">
        <p>Hi, <a href="about.html">I'm Ryan!</a></p>
        <p>
          I'm a recent graduate from UC San Diego, where I received a B.S. in
          Human-Computer Interaction. I am currently looking for work so feel
          free to <a href="#">send me an email!!</a>
        </p>
        <p class="social">
          <a href="#"
            >Resume</a
          >
          —
          <a href="#"
            >LinkedIn</a
          >
          —
          <a href="
                   #">Github</a>
        </p>
      </section>

      <section class="work">
        <h2>Work ↓</h2>
        <article>
          <h3 class="title">KOTX website design</h3>
          <h4 class="meta">Jan-Mar 2019</h4>
        </article>
      </section>
    </div>

Моя новая страница Я пытаюсь сделать

...