У меня в заголовке по краям нижняя строка выступает куда сильнее чем на макете. хотя шрифт и размер те же. как это возможно?

Question

[otgorn]

<div class="yellow__block">	
					<div class="yellow__text">
						<div class="yellow__h3">
							<h3>Free template library <br> included</h3>
						</div>
						<div class="yellow__p">
							<p>Duis felis quam facilisis sit diam in urna, <br> odio non, sit molestie purus aliquam, <br> aliquam pretium</p>
						</div>
						<div class="yellow__span">
							<span>Learn More<i class="fas fa-angle-right"></i></span>
						</div>
					</div>
					<div class="yellow__circle">
						<img src="app/img/yellow.png" alt="">
					</div>
				</div>

.yellow__block {
  height: 738px; }

.yellow__circle {
  padding: 70px 88px 0px 0px; }

.yellow__text {
  padding: 130px 0px 0px 0px; }

.yellow__h3 h3 {
  font-size: 36px; }

.yellow__p p {
  color: #9baabf;
  line-height: 39px;
  padding-bottom: 40px; }

.ship__products h3 {
  text-align: center; }

Comments

[Ankhena]

Потому что вы неверно подключили шрифт, видно ведь, что они разные.
И потому что разное количество текста.

Answer 1

[iBird Rose]

потому что ты 2 раза написал "ship products faster"?

Answer 2

[meaqese]

Figma и браузер по разному рендерят шрифты