Rozwiązane Dostosowanie wysokości strony do wysokości obrazka w tle

28 Kwietnia 2020

Dzień dobry mam problem robie sobie malutką stronke taką gdzie jej wysokość to obrazek i na telefonie wszystko ładnie sie zgrywa cała strona jest na wysokość obrazka i nic więcej a na komputerze strona też jest na wysokość obrazka z tym że można przewinąć w dół i znajduje sie tam sporo białego pola

na stronie jest jeden element

  <!-- Header -->
    <header id="header" class="header" style="height:100%;margin-bottom:0px">
        <div class="header-content">
            <div class="container">
                <div class="row">
                    <div class="col-lg-12">
                        <div class="text-container">
                            <h1>BUSINESS <span id="js-rotating">TEMPLATE, SERVICES, SOLUTIONS</span></h1>
                            <p class="p-heading p-large">Aria is a top consultancy company specializing in business growth using online marketing and conversion optimization tactics</p>
                            <a class="btn-solid-lg" href="#intro">DISCOVER</a>
                        </div>
                    </div> <!-- end of col -->
                </div> <!-- end of row -->
            </div> <!-- end of container -->
        </div> <!-- end of header-content -->
    </header> <!-- end of header -->
    <!-- end of header -->

i css

.header {
    background: url('../images/header-background.jpg') center center no-repeat;
    background-size: cover;
}

.header .header-content {
    padding-top: 8rem;
    padding-bottom: 2.125rem;
    text-align: center;
}

.header .text-container {
    margin-bottom: 3rem;
}

.header h1 {
    margin-bottom: 0.5rem;
    color: #fff;
}

.header .p-large {
    margin-bottom: 2rem;
    color: #dfe5ec;
}

.header .btn-solid-lg {
    margin-right: 0.5rem;
    margin-bottom: 1.25rem;
}