CODEWITHSUNDEEP
htmlcssresponsive-design
Kannan Uthaman
Kannan Uthaman

Reputation: 31

How to render HTML elements in different orders when in mobile view?

I have the following HTML:

<div class="row proadjuster">
  <div class="col-lg-5 propadder"></div>
  <div class="col-lg-7 pro2"></div>
</div>

Is it possible to make sure col-lg-7 displays first when in mobile view?

Upvotes: 2

Views: 412

Answers (1)

Korovjov
Korovjov

Reputation: 531

If you mean like to col-lg-7 to switch position with col-lg-5, than you can make it like this

.row {
display: flex;
}

@media screen only and (max-width: 767px) {
.col-lg-7 {
order: 1; 
}
.col-lg-5 {
order: 2;
}
}

Upvotes: 3

Related Questions