UX Design for Mobile

Fluid

A fluid page defines the size of your objects by percentages. This way, when content is shown in a smaller screen, the elements will be adapted to occupy the same percentage of space they would occupy if the screens were bigger. This type of solution can be effective for very simple pages, but it is difficult to adapt the experience properly with this type of technique when the web page is complex and has many elements in one area. For its simplicity, it is sometimes used in emails:

Fluid example--the desktop experience (left) is adapted to mobile, expanding the objects (right)