Creating a Clean Design Using Flex Settings
<div class="Full_width">
<div class="set">
<form>
<label>Enter your name
<input type="text">
</label>
</form>
</div>
<div class="duble_Set">
<img src="https://i.picsum.photos/id/237/536/354.jpg?hmac=i0yVXW1ORpyCZpQ-CknuyV-jbtU7_x9EBQVhvT5aRr0">
</div>
</div>
<style>
body {
padding: 0;
margin: 0;
}
.Full_width {
display: flex;
align-items: center;
min-height: 400px;
}
.Full_width .set, .Full_width .duble_Set {
width: 50%;
display: flex;
justify-content: center;
}
.duble_Set img {
width: 100%;
}
label {
display: flex;
flex-direction: column;
text-transform: capitalize;
}
</style>