C
C
coi17512017-08-23 16:08:14
css
coi1751, 2017-08-23 16:08:14

You need to align the title vertically to the center. Bootstrap?

There is a heading on the left and two paragraphs on the right, leading to the section code:

<section id="our_history">
    <div class="container">
      <div class="row">
        <div class="col">
          <h2 class="history d-flex justify-content-center">
            our<br>interesting<br> history
          </h2>
        </div>
        <div class="col">
          <p class="p_history d-flex justify-content-end">
            Science in the media always seems to be very one-sided. News media chasing sensations and much has been written about the research, "British scientists" and the low probability, but high-profile discoveries, which may take place in the future, not only paying attention to really important things. In addition, the Internet, magazines and television are often held discussions on the "loud" threads of pseudo invited - and it seems that many of the important questions in modern science 
          </p>
          <p class="p_history_second d-flex justify-content-end">
            Science in the media always seems to be very one-sided. News media chasing sensations and much has been written about the research, "British scientists" and the low probability, but high-profile discoveries, which may take place in the future, not only paying attention to really important things. In addition, the Internet, magazines and television are often held discussions on the "loud" threads of pseudo invited - and it seems that many of the important questions in modern science 
          </p>
        </div>
      </div>
    </div>
  </section>

here is the css code for the section:
#our_history {
  border-bottom: 1px solid #f1f1f1;
  padding: 100px 0;
}

.history {
  align-items: center;
  font-size: 48px;
  line-height: 60px;
  font-weight: 700;
  text-transform: uppercase;
  color: #464646;
  margin: 0;

}
.p_history {
  margin-bottom: 50px;
}

The bottom line is that align-items: center does not work, I went into developer mode and saw this... (on the screen)
ab420b2cd6ec4e30b7f1cbd7341b08b6.png
Help)) I'm tired of this specifically))

Answer the question

In order to leave comments, you need to log in

Didn't find what you were looking for?

Ask your question

Ask a Question

731 491 924 answers to any question