Uploaded April 2022 | Updated September 2026, 2 weeks ago
This is the 20th video in the statelesscode.com WordPress series. In this video Mike tries to solve the large-nonbreaking text problem and get the positioning and width of the sidebar correct so that it doesn't horizontally scroll on larger breakpoints.
This video covers:
00:00:10 Introduction
00:00:38 Try max-w-prose on the sidebar elements. Works on mobile, but messes up the sidebar width and positioning on larger screens
00:01:59 Work on responsive width of sidebar for medium
00:09:18 Work on responsive width of sidebar for large, xl, and 2xl and iterate trying to eliminate horizontal scrolling at different breakpoints
00:49:32 Commit and push code
This video is CC0 - No rights reserved. (YouTube doesn't allow this option when publishing.) All code is released under the UNLICENSE. Stateless Code denies the concept of "intellectual property". Copying is not stealing.
This is the 20th video in the statelesscode.com WordPress series. In this video Mike tries to solve the large-nonbreaking text problem and get the positioning and width of the sidebar correct so that it doesn't horizontally scroll on larger breakpoints.
This video covers:
00:00:10 Introduction
00:00:38 Try max-w-prose on the sidebar elements. Works on mobile, but messes up the sidebar width and positioning on larger screens
00:01:59 Work on responsive width of sidebar for medium
00:09:18 Work on responsive width of sidebar for large, xl, and 2xl and iterate trying to eliminate horizontal scrolling at different breakpoints
00:49:32 Commit and push code
This video is CC0 - No rights reserved. (YouTube doesn't allow this option when publishing.) All code is released under the UNLICENSE. Stateless Code denies the concept of "intellectual property". Copying is not stealing.
