@Fresko1991

Как сделать так чтоб картинка была по размеру из макета?

Уже несколько часов пытаюсь это сделать и не получается.
размеры из макета
width: 1539px;
height: 550px;
60afb618950c1860979124.jpeg
У меня вот так
60afb68b3b9fb797452884.jpeg
<section class ="section-hero">
            <div class="container2">
                <h1 class ="section-hero-heading">This is simply a smarter way 
                    to make your legal online.</h1>
                <p class ="section-hero-description">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab accusantium vero tempore tenetur, omnis dolore deserunt consequatur. Corrupti, cupiditate assumenda nobis consequuntur adipisci libero commodi ad unde similique, est esse.</p>
                <a href="" class="btn">
                    FREE 30 DAYS TRIAL
                </a>
                <div class ="section-hero-btn-description">
                    <span class ="section-hero-ssl-icon"></span>
                    SSL SECURED CONNECTED
                </div>
            </div>
        </section>

.section-hero {
    background-image: url(/src/img/img.png) ;
    background-repeat: no-repeat;
    background-size: 1539px 550px;
}
.container2 {

    margin: 0 auto;
}
.section-hero-heading {
    padding-top: 125px;
}

Картинка
60afb83ad12dd109866331.png
  • Вопрос задан
  • 72 просмотра
Решения вопроса 1
aleks767
@aleks767
попробуй использовать jpg, убрать background-size, и задать макс высоту и макс ширину для section-hero. и там же просто ширину и высоту по 100%.
и container2 задать макс ширину в px, а также ширину 100% и margin: 0 auto, тогда он должен стать по центру.
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы