{"type":"video","version":"1.0","html":"<iframe src=\"https://www.loom.com/embed/5d5c5a3b55714f18a2acddb80e0f6eeb\" frameborder=\"0\" width=\"1280\" height=\"960\" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>","height":960,"width":1280,"provider_name":"Loom","provider_url":"https://www.loom.com","thumbnail_height":960,"thumbnail_width":1280,"thumbnail_url":"https://cdn.loom.com/sessions/thumbnails/5d5c5a3b55714f18a2acddb80e0f6eeb-4708e27ba7cde6fd.gif","duration":480.32,"title":"Developer Portfolio CSS and Layout Walkthrough","description":"This Loom explains how Woon Tong Seung built and designed a mission 1 developer portfolio page using HTML and CSS. He describes features like a custom Google Fonts import, a split header layout using relative and absolute positioning with flex1, and skill and experience sections laid out with flexbox row and column directions. He also notes the use of inline flex to align icons and text, and open source SVG icons imported from the SVG repo. He demonstrates a JavaScript prompt template literal that personalizes the welcome message, and concludes that the biggest challenge was trial and error with CSS due to limited prior vanilla JavaScript experience."}