Mayuresh-22 / Minglr

Social Network Site developed using HTML, CSS, JS and PHP as a Backend Language. This site supports the functionality of login/registration and sharing the posts/photos through their accounts, also it has the functionality of private messaging with the users.

https://links.mayuresh.me/minglr

MIT License

36 stars 43 forks source link

Send-message button made responsive #41

Closed pankhuri92 closed 10 months ago

pankhuri92 commented 10 months ago

I have ensured the responsiveness of the button in all the three versions of mobile view via media query.

Mayuresh-22 commented 10 months ago

You have done great work fixing the CSS but there is a bug in it. If the username is big the button still comes down.

What you can do?

Try creating two buttons, keep the current button for the desktop and the second button right below the username/name. The desktop button will not be visible on mobile devices and vice versa.

Desktop

Mobile

(its a representation)

pankhuri92 commented 10 months ago

Will make sure of that and then create pr again.

pankhuri92 commented 10 months ago

So I have done as per asked. I created two buttons, keeping the original visible only in desktop version. While the other, column aligned with name & username. It will appear only in mobile versions. Screenshot 2024-01-01 213042 Screenshot 2024-01-01 213100 Screenshot 2024-01-01 213116 Screenshot 2024-01-01 213133

Mayuresh-22 commented 10 months ago

Hey @pankhuri92, You did a great job. Everything seems good and I'll merge it.

pankhuri92 commented 10 months ago

Thanks @Mayuresh-22 !