<?xml version="1.0" encoding="UTF-8"?><oembed><type>video</type><version>1.0</version><html>&lt;iframe src=&quot;https://www.loom.com/embed/e79d1bee44684294b3adac1bded82365&quot; frameborder=&quot;0&quot; width=&quot;1920&quot; height=&quot;1440&quot; webkitallowfullscreen mozallowfullscreen allowfullscreen&gt;&lt;/iframe&gt;</html><height>1440</height><width>1920</width><provider_name>Loom</provider_name><provider_url>https://www.loom.com</provider_url><thumbnail_height>1440</thumbnail_height><thumbnail_width>1920</thumbnail_width><thumbnail_url>https://cdn.loom.com/sessions/thumbnails/e79d1bee44684294b3adac1bded82365-00001.gif</thumbnail_url><duration>658.927</duration><title>Applying Alternating Cell Styling within a CSS Grid</title><description>In this video, I discuss how to apply alternating cell styling within a CSS grid. Inspired by a forum post, I demonstrate a solution that allows for responsive design while maintaining a checkerboard style effect. I explain how to use the CSS nth child selector to style even and odd numbered items, and I provide examples for different breakpoints. No JavaScript is required for this solution. Watch the video to learn how to implement this technique in your own projects.</description></oembed>