Component: Video And Description
The story of the beautiful Glen Canyon and its damn dam
A wonderful historical and heartfelt look at how a decision made in 1922 was blind to climate realities and now the Glen Canyon Dam is negatively impacting the water supply for Nevada, Arizona, California, and the Glen Canyon itself. There’s hope though.
This is a longish title
This is a description that is rich text and can include bold and links and stuff.
Notes:
• In order to make the Accent heading go before the heading, its container must be a grid and the “display” parameter is set to “flex”, and the Accent Heading itself the Layout has the order set to -1. It’s text transform is set to all caps.
• To get the proper arrangement of text and video above, the Flexbox Container must be “grid” and the Grid Template Colums set to “300px 1fr” so the first column is fixed to 300 px and the second column is whatever space is remaining. So that it’s responsive on mobile and the text is under the video, put 1fr to override the 300px 1fr
• The Claude prompt is “using flexbox or grid containers, how can I have two columns where the left column is a fixed width containing a video, and the right column is the remaining width depending on how the containing div gets resized?”
• Turned into component with its properties being YouTube LInk, Title, Accent Heading, description. Decided to make the youtube linke the entire shortcode, offering flexibility whether it’s vimeo or has a play button.