JSFiddle - React, Tailwind, and code Playground

HTML

<div>
    <input type="email" placeholder="@yahoo.com" name="email"/>
    <div>
        <select id="slcContry" name="telCountry" size="1">
            <option value=""></option>
            <option value="381">381</option>
            <option value="559">559</option>
        </select>
        <input type="tel" placeholder="Mobile Number" name="tel"/>
    </div>
</div>

CSS

input {
    height: 30px;
    width: 200px;
}
input[name=email] { width: 250px; }

#slcContry {
    background-position: 0% 0%;
    height: 30px;
    width: 50px;
}