See the image attached for reference related to these three (3) questions:
Using the Chrome web dev - view responsive layouts:
A.) The responsive code for group avatars in media queries both 320x480 portrait and 480x320 landscape places the group title and url links as centered text along with the Avatar image. The Avatar image as a result, is covered by the url links and would be better positioned to the left.
1. Where is the code that needs to be changed to re-position the Avatar image on the left side of the group cover image for smaller media queries? See screen capture.
2. If I wished to float the group title rather than centering the text in the div - could you identify the code location required to make this change for smaller media queries? See screen capture.
3. The group title is truncated quite short. Where can I make this adjustment to allow the group title to be slightly longer over the group cover image?
B.) The small tablet media query does not show the group title, url links , group avatar and group cover image at all. While it is often a common technique to reduce the elements shown at various media queries, Since these elements are shown for smaller view ports, then they should also be shown for the small tablet view port. In addition, navigation is made more difficult as a result of this missing group title etc.
Where is the code located to add the missing div's mentioned in this question?
It would seem all four of these related question might make a good feature request as well, since the benefit is not just to my site rather all sites impacted by the responsive media queries.
Thank you in advance for your guidance.
Todd