✔ Responsive layout sound items
(Completed by Pierre henri Seylan on October 11, 2019)
Comments
Pierre henri Seylan on October 4, 2019:
1. Size increase: beyond the breakpoint of 1040 px width, the following should occur: The space between sections is beig incvreased evenly, the sections are:
between tittles and icons
between tags and infos
The screenshot below show those spaces by the red arrows:
2. Size decrease:
For the size decrease the idea is as follows: -beyond certain breakpoint, infos and icons are progressively hidden. -as more items are hidden, the positions of remaining items is readjusted
2.1 Personal sound items:
breakpoint 1070 px: -Rating icon disappears
breakpoint 980 px: -only 1 tag is displayed. -This tag should be the "type" tag -If no type tag, then any of the other tags.
breakpoint 930 px: -Size label disapear
2.2 factory sound items:
breakpoint 980 px: -only 1 tag is displayed. -This tag should be the "type" tag -If no type tag, then any of the other tags.
Comments
Pierre henri Seylan on October 4, 2019:
beyond the breakpoint of 1040 px width, the following should occur:
The space between sections is beig incvreased evenly, the sections are:
- between tittles and icons
- between tags and infos
The screenshot below show those spaces by the red arrows:2. Size decrease:
For the size decrease the idea is as follows:
-beyond certain breakpoint, infos and icons are progressively hidden.
-as more items are hidden, the positions of remaining items is readjusted
2.1 Personal sound items:
breakpoint 1070 px:
-Rating icon disappears
breakpoint 980 px:
-only 1 tag is displayed.
-This tag should be the "type" tag
-If no type tag, then any of the other tags.
breakpoint 930 px:
-Size label disapear
2.2 factory sound items:
breakpoint 980 px:
-only 1 tag is displayed.
-This tag should be the "type" tag
-If no type tag, then any of the other tags.
breakpoint 930 px:
-popularity icon disapear