video1.0<iframe src="https://www.loom.com/embed/95b59542359c44309a30417f9e1d701c" frameborder="0" width="1670" height="1252" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>12521670Loomhttps://www.loom.com12521670https://cdn.loom.com/sessions/thumbnails/95b59542359c44309a30417f9e1d701c-39a55541b0614349.gif303.873In this video, I walk through my Sprint 3 project, Spots, which is an interactive image-sharing web app. I focused on translating Figma designs into a responsive web page using HTML, CSS, and media queries, ensuring it closely matches the original designs for both desktop and mobile. I utilized BEM naming for organization and CSS grid for layout adjustments based on screen size. While I’m pleased with the outcome, I would love to enhance the interactions, like button states and heart animations, if I have more time or knowledge in the upcoming sprint. I encourage viewers to provide feedback on my work and share any insights on improving the interaction aspects.