Stateless Code | Codecast: statelesscode.com WordPress 09: Use Flexbox to Position Sidebar and Add Styling @StatelessCode | Uploaded November 2021 | Updated October 2024, 8 hours ago.
This is the 9th video in the statelesscode.com WordPress series. In this video Mike uses the Tailwind flexbox classes to responsively position the main content and sidebar. After that he styles the sidebar background and spacing as well as using separate styles for the content footer section that gets removed in later videos.

This video covers:
00:00:10 Introduction
00:00:48 Add flexbox divs and classes to app layout
00:02:36 Adjust positioning
00:06:32 Adjust margins and padding of the main content and sidebar
00:09:57 Start styling the sidebar margins and colors
00:15:37 Try to fix horizontal scrolling and deal with overflow of long non-breaking text
00:21:00 Style the content-info section (Note: This was removed in later videos)

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.