Description
In the mobile view, the blue content boxes ("Copyright" and "Better Internet") are not properly aligned and appear too large, disrupting the layout. This impacts readability and usability on smaller screens. This can be done by adjusting CSS .
Reproduction
- Open the webpage in a mobile view (e.g., using developer tools or a mobile device).
- Navigate to the section with the blue content boxes.
- Observe the misalignment and large size of the boxes.
- See error.
Expectation
The blue boxes should be properly aligned and scaled down to fit mobile screens, maintaining readability and a clean layout.
Screenshots
Environment
- Device: (eg. iPhone Xs; laptop)
- OS: (eg. iOS 13.5; Fedora 32)
- Browser: (eg. Safari; Firefox)
- Version: (eg. 13; 73)
- Other info: (eg. display resolution, ease-of-access settings)
Additional context
There may be other layout issues on mobile, but addressing this particular issue at a time is will be better to avoid confusion.
Resolution
Description
In the mobile view, the blue content boxes ("Copyright" and "Better Internet") are not properly aligned and appear too large, disrupting the layout. This impacts readability and usability on smaller screens. This can be done by adjusting CSS .
Reproduction
Expectation
The blue boxes should be properly aligned and scaled down to fit mobile screens, maintaining readability and a clean layout.
Screenshots
Environment
Additional context
There may be other layout issues on mobile, but addressing this particular issue at a time is will be better to avoid confusion.
Resolution