Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
socket hang up
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

HTML, CSS and BOOTSTRAP 4

@kushank1207


Design comparison


SolutionDesign

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

Please log in to post a comment

Log in with GitHub
Discord logo

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord