{"type":"video","version":"1.0","html":"<iframe src=\"https://www.loom.com/embed/e79d1bee44684294b3adac1bded82365\" frameborder=\"0\" width=\"1920\" height=\"1440\" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>","height":1440,"width":1920,"provider_name":"Loom","provider_url":"https://www.loom.com","thumbnail_height":1440,"thumbnail_width":1920,"thumbnail_url":"https://cdn.loom.com/sessions/thumbnails/e79d1bee44684294b3adac1bded82365-00001.gif","duration":658.927,"title":"Applying Alternating Cell Styling within a CSS Grid","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."}