HTML, CSS and BOOTSTRAP 4

Community feedback

• Account deleted

  Hey @kushank1207! As you can see that when the page is displayed on mobile view port, the "grow together" and "your users" images are supposed to be appeared on top and their text is supposed to be appeared right below them. As you are using CSS Bootstrap Framework, you can accomplish this task by changing the order for the images when viewed on a mobile port by assigning a same class to the text for both "grow together" and "your users" and then again assigning another class to their pictures. After that by using "@media (max-width: 991.98px)" you can change the order of pictures by assigning the order "1" and same goes for text order by changing the order for text to "2". Through this way the pictures will appear in top just like shown in middle container i.e. "flowing conversations". Remember you've to make these specifications for the 1st and last container i.e. "grow together" and "your users".

  1