Responzívny banner s HTML a CSS

 <div class="banner"> <h2>Vitaj na našej stránke!</h2> <p>Objav naše služby a produkty.</p> <a href="#kontakt" class="btn">Kontaktuj nás</a> </div> 

 .banner { background-color: #ffecb3; text-align: center; padding: 50px 20px; border-radius: 15px; }

.banner h2 {
margin-bottom: 15px;
font-size: 2em;
}

.banner p {
margin-bottom: 20px;
font-size: 1.2em;
}

.banner .btn {
background-color: #ff9800;
color: white;
padding: 10px 20px;
text-decoration: none;
border-radius: 5px;
}

@media (max-width: 768px) {
.banner {
padding: 30px 10px;
}

.banner h2 {
    font-size: 1.5em;
}

.banner p {
    font-size: 1em;
}


}