Я пытаюсь сделать github.io для страницы портфолио. Локальное тестирование моей страницы работало нормально, но после загрузки моей страницы в github.io размер страницы был изменен.
Должно выглядеть это
но после загрузки,
Страница выглядит так
Я следовал этому шаблону: https://colorlib.com/preview/#meetme
HTML для top:
<section class="home_banner_area">
<div class="container box_1620" style="width: 300px; height: 300px;">
<div class="banner_inner d-flex align-items-center">
<div class="banner_content">
<div class="media">
<div class="d-flex">
<img src="img/profile.jpg" alt="" width="45">
</div>
<div class="media-body">
<div class="personal_text">
<h6>Hello Everybody, I am</h6>
<h3>Jhon Doe</h3>
<h4>Full Stack Software Developer</h4>
<p>I turn coffee into code</p>
<ul class="list basic_info">
<li>email</li>
<li>github</li>
<li>linkedin</li>
<li>address</li>
</ul>
<ul class="list personal_social">
<li><a href="#"><i class="fa fa-github fa-2x"></a></li>
<li><a href="#"><i class="fa fa-linkedin></a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
До сих пор я пытался изменить размер изображения в html и даже добавил измененное изображение в саму папку img /. Однако, кажется, вся веб-страница изменена. Например, все, что было выровнено по горизонтали, теперь выровнено по вертикали. Пожалуйста, помогите ...