Как оформить логотип на мобильный и рабочий стол в Интернете?

Question

Я новичок в css или bootstrap. Я хочу создать страницу, которая будет отображаться, как показано ниже, но теперь она не может работать Это только для ПК-шоу

Это для статуса мобильного устройства, но логотип должен быть вцентр изображения.

Это мой код

<a href="#" class="open_menu bg-light radius_full">
<i class="fas fa-bars lh-40"></i>
</a>
<div class="col-lg-3 logo" data-aos-duration="600" data-aos="fade-down" data-aos-delay="1200">Startup 3</div>
    <a href="#" class="close_menu color-white"><i class="fas fa-times"></i></a>
<div class="navigation_mobile bg-dark type1">

    <div class="px-40 pt-60 pb-60 inner">
        <div class="logo color-white mb-30">Startup 3</div>
        </div>
        <div class="socials mt-40">
        </div>

        <div class="mt-50 f-14 light color-white op-3 copy">&copy; 2018 Designmodo. All rights reserved.</div>
    </div>
</div>

<!-- Header 1 -->

<header class="pt-195 pb-110 bg-light header_1">

<!-- Header Menu 1 -->

    <nav class="header_menu_1 pt-30 pb-30 mt-30">
        <div class="container px-xl-0">
            <div class="row justify-content-center align-items-center f-18 medium">
                <div class="col-lg-3 logo" data-aos-duration="600" data-aos="fade-down" data-aos-delay="1200">Startup 3</div>
        </div>
    </nav>

Пожалуйста, помогите мне Спасибо

Answer 1

Я решил это. Это то, что я искал. https://gist.github.com/gokulkrishh/242e68d1ee94ad05f488