Are there any good solutions or practices for the layout of an adaptive online store, including for mobile devices?

Question

css

We are faced with the fact that our store needs to be redesigned for mobile devices (highly desirable) and for large screens (optional, but desirable).
Are there any examples of good solutions, because the problem is that the functionality should be preserved on the mobile device, of all that we have seen, the mvideo.ru site on the iPhone has retained almost all the functionality and at the same time everything is convenient.
Maybe there is somewhere a collection of solutions or tips on how the basket should work, for example, on an iPhone, or how to do a search (the screen is small) or how to make a complex multi-level menu (again, a small screen) + how to make a product card so that both the pictures increase and the basket worked + how to make a normal filter, because you don’t want to remove it, but you want to make it more convenient.

Answer 1

getuikit.com - ended up stumbled upon this framework by accident and will be using it to change the layout of the entire frontend, it supports flexbox and responsiveness and less, including a rather elegant solution for displaying large menus for stores.

Answer 2

The main advice - do not cut functionality for users of smartphones and tablets. It is desirable to leave literally everything that the user can do at the computer.
At the same time, optimize the display of images in the direction of reducing weight for small screens. It often happens that the speed of mobile Internet is not a fountain.

Answer 3

today I also encountered this, I decided to create a test on wordpress adaptive for mobiles,
but you need php to determine the user from which device he logged in and automatically threw him from the main site, maybe someone knows the solution

Answer 4

Well, for example, I recently did it under OpenCard:
overtune.ru from 320 pixels to infinity