flex/02-flex-header: Improve solution for narrow screen responsiveness
Closed this issue · 2 comments
Complete the following REQUIRED checkboxes:
- I have thoroughly read and understand The Odin Project Contributing Guide
- The title of this issue follows the
location for request: brief description of requestformat, e.g.Foundations exercises: Add exercise for XYZ
The following checkbox is OPTIONAL:
- I would like to be assigned this issue to work on it
1. Description of the Feature Request:
Although not critical, but I would really love that TOP learners like myself get to experience a more responsive narrow screen outcome in the solution, particularly mobile sized screens.
The "issue" in this exercise occurs when I try to size the viewport width down to below approximately <614px where the li elements on the right "flows" out of the screen. (image below)
I happened to learn of a "solution" to mitigate this from this article, first recommended article in the topic's 'Assignment' section.
The proposed solution would look like this.
Although we can do better with the font size being responsive as well, but I'd like to see if such a change would be accepted.
2. Acceptance Criteria:
Would you give your opinion on this please.
We cover small screen responsiveness later in the curriculum. For now, we're just trying to get people used to the very basics of flexbox.