{"type":"video","version":"1.0","html":"<iframe src=\"https://www.loom.com/embed/26e1eb08a1364fc6a02bd7b853ec2e65\" frameborder=\"0\" width=\"1668\" height=\"1251\" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>","height":1251,"width":1668,"provider_name":"Loom","provider_url":"https://www.loom.com","thumbnail_height":1251,"thumbnail_width":1668,"thumbnail_url":"https://cdn.loom.com/sessions/thumbnails/26e1eb08a1364fc6a02bd7b853ec2e65-24fd25ad30542c78.gif","duration":248.835,"title":"Recreating a Figma Design: Challenges and Learning in Responsive Web Development","description":"In this video, I walk you through my Figma project where I aimed to recreate a layout using code for different screen sizes, specifically mobile and desktop. I discuss the challenges I faced, particularly with media queries in CSS, and how I had to revisit course materials and resource videos to overcome them. I also highlight the importance of details like typography and images in the design. Overall, this project helped me practice building real-world interfaces and gave me a better understanding of webpage creation. I encourage you to check out my project and share any feedback you might have!"}