How can i align two divs on a horizontal line in a way that it is resized to one column when the user resize the browser?

Question

I want to make it flexible on various displays e.g mobile, table desktop, laptops etc

Answer 1

div {
width: 50%;
display: inline-block;
}
@media (max-width: 768px) {
div {
width: 100%;
}
}