Best practices for filter in responsive web app?

1. Should filters be on left or right?
2. How many breakpoints should you have?
3. How search filters can improve your search?

Should filters be on left or right?

4. Filter bars better showcase filters. By making the filters more prominent on the page and by making them available as the user scrolls a filter bar does a better job of showcasing filters. Presenting filters left to right also makes it very easy for users to quickly see what options are available.

How many breakpoints should you have?

While there is no universal set of breakpoints or best practices, you should use at least 3 breakpoints for the most device flexibility (see illustration). When designing for specific breakpoints, consider the content you have. Don't build media queries for devices, built it for content.

How search filters can improve your search?

You can narrow and customize your search results to find exactly what you want. For example, you can find sites updated within the last 24 hours or photos with license information. Tip: When you use filters, your Search settings don't change.