How it works



<p>You apply <code><a href="https://css-tricks.com/almanac/properties/p/position/#sticky">position: sticky;</a></code> to an element along with a <code>top</code>, <code>left</code>, <code>right</code>, or <code>bottom</code> threshold and it will &#8220;stick&#8221; in that position when the threshold is passed, as long as there is room &hellip;</p>

#206: Building a Data-Backed Next.js Site with Prisma & App Platform

CSS-Tricks Screencasts is focused on showing you tips, tricks, techniques about web design. Code samples can be extremely helpful, but sometimes it is even more helpful to watch someone as they code. In CSS-Tricks Screencasts will show you real live CSS and HTML code being written and tested right on the screen. Topics will vary but will always center around design and usability.