Html, css CONTACT form

Help Needed, I am trying to create a contact form, But i could not know how to align those radio .

Figma Form Replicate

Contact Form

Name:
UserName:
Password:
Re-type Password:
Gender: Male FeMale
Techie Skills: HTML CSS JavaScript
Phone Number:
Email:
College:
Submit

CSS:

*{
margin:0;
padding: 0;
box-sizing: border-box;
font-family: ‘Times New Roman’, Times, serif;
}
body{
display: flex;
height: 100vh;
justify-content: center;
align-items: center;
padding: 10px;
background:linear-gradient(135deg, #71b7e6, #9b59b6);
}
.container{
max-width: 500px;
width:100vh;
background: #fff;
padding: 20px, 20px ;
border-radius: 5px;
}
.container .title{
display: flex;
justify-content: center;

}
.Div-form{
display: flex;
justify-content: space-between;
flex-direction: row;
margin: 10px;
padding-left: 20px;
}
input[type=radio]{
display: flex;
justify-content: ;
}

I couldnt align the radio button straight to the other elements.

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.