<style>
    /* Agrega estilos generales aquí */

    /* Aplica un estilo para pantallas más pequeñas (menos de 600 píxeles de ancho) */
    @media screen and (max-width: 600px) {
        div {
            flex: 100%;
        }
    }
</style>

<div style="display: flex; flex-wrap: wrap;">
    <div style="flex: 50%; padding: 5px;">
        <label>
            <input type="text" name="your-name" placeholder="Full name" required>
        </label>
    </div>
    <div style="flex: 50%; padding: 5px;">
         <label>
            <input type="email" name="your-email" placeholder="Email" required>
        </label>
    </div>

    <div style="flex: 50%; padding: 5px;">
        <label>
            <input type="tel" name="phone" placeholder="Phone" required>
        </label>
    </div>

    <div style="flex: 50%; padding: 5px;">
        <label>
            <select name="your-prefer" required>
                <option value="whatsapp">WhatsApp</option>
                <option value="llamada-telefonica">Phone call</option>
                <option value="correo-electronico">Email</option>
            </select>
        </label>
    </div>

    <div style="flex: 100%; padding: 5px;">
        <label>
            <input type="text" name="your-subject" placeholder="Subject" required>
        </label>
    </div>

    <div style="flex: 100%; padding: 5px;">
        <label>
            <textarea name="your-message" placeholder="Message" style="height: 200px;" required></textarea>
        </label>
    </div>

    <div style="flex: 100%; padding: 5px;">
        <input type="submit" value="Send">
    </div>
</div>