{"type":"video","version":"1.0","html":"<iframe src=\"https://www.loom.com/embed/2c6546a3f34c40868ddd52cb5b990d32\" 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/2c6546a3f34c40868ddd52cb5b990d32-00001.gif","duration":243.53,"title":"Quick Tutorial on Fixing a Footer","description":"In this video, I provide a quick tutorial on how to fix a footer in a component. I address two main issues: the padding of the footer container and the use of a component. By resetting the padding, the footer will have proper spacing. Additionally, by using a component, the footer will have consistent styling across different pages. I also demonstrate how to hide certain elements on mobile devices using breakpoints. Watch the video to learn more and improve your footer design!"}