Vytvorenie kontaktného formulára s HTML a CSS

 <form class="contact-form"> <label for="name">Meno:</label> <input type="text" id="name" name="name">
<label for="email">Email:</label>
<input type="email" id="email" name="email">

<label for="message">Správa:</label>
<textarea id="message" name="message"></textarea>

<button type="submit">Odoslať</button>

 .contact-form { display: flex; flex-direction: column; max-width: 400px; margin: 0 auto; gap: 15px; }

.contact-form input,
.contact-form textarea {
padding: 10px;
border: 1px solid #ccc;
border-radius: 5px;
}

.contact-form button {
padding: 10px 20px;
background-color: #64b5f6;
color: white;
border: none;
border-radius: 5px;
cursor: pointer;
}

.contact-form button:hover {
background-color: #42a5f5;
}

@media (max-width: 768px) {
.contact-form {
max-width: 100%;
padding: 10px;
}
}