video1.0<iframe src="https://www.loom.com/embed/800f38bb77574dc688adbc36de6db202" frameborder="0" width="1920" height="1440" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>14401920Loomhttps://www.loom.com14401920https://cdn.loom.com/sessions/thumbnails/800f38bb77574dc688adbc36de6db202-fe386204bab6c6e3.gif1296.384Hi, I'm Pierre-Marie Roger, and in this video, I walk you through the features and technical details of SWAT 2, our interactive photo-sharing site. I explain how I utilized HTML semantics, CSS Grid, and Flexbox to create a responsive layout that adapts to any screen size. I also discuss the BEM methodology for organizing my CSS and the importance of using Normalize.css for consistent styling across browsers. My biggest challenge was implementing media queries to ensure everything looks great on all devices. I encourage you to explore the site and provide feedback on your experience.