css div box responsive using flexbox css flexbox tutorial

>> DOWNLOAD LINK 🎞️ #1 <<

>> DOWNLOAD LINK 🎞️ #2 <<

>> COPY / PASTE LINK PLEASE 🎵 MP3 <<

>> YOUR LINK HERE: ___ http://youtube.com/watch?v=xZOeC1D61mI

In this video we take a look at the DIV element.","styleRuns":[{"startIndex":0,"length":48,"styleRunExtensions":{"styleRunColorMapExtension":{"colorMap":[{"key":"USER_INTERFACE_THEME_DARK","value":4294967295},{"key":"USER_INTERFACE_THEME_LIGHT","value":4279440147}]}},"fontFamilyName":"Roboto"}]},"headerRuns":[{"startIndex":0,"length":48,"headerMapping":"ATTRIBUTED_STRING_HEADER_MAPPING_UNSPECIFIED"}]}},{"itemSectionRenderer":{"contents":[{"continuationItemRenderer":{"trigger":"CONTINUATION_TRIGGER_ON_ITEM_SHOWN","continuationEndpoint":{"clickTrackingParams":"CPABELsvGAIiEwjBicHtg9qLAxVuXHoFHe7MDaw=","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/next"}},"continuationCommand":{"token":"Eg0SC3haT2VDMUQ2MW1JGAYyJSIRIgt4Wk9lQzFENjFtSTAAeAJCEGNvbW1lbnRzLXNlY3Rpb24%3D","request":"CONTINUATION_REQUEST_TYPE_WATCH_NEXT"}}}}],"trackingParams":"CPABELsvGAIiEwjBicHtg9qLAxVuXHoFHe7MDaw=","sectionIdentifier":"comment-item-section","targetId":"comments-section"}}],"trackingParams":"CO8BELovIhMIwYnB7YPaiwMVblx6BR3uzA2s"}},"secondaryResults":{"secondaryResults":{"results":[{"lockupViewModel":{"contentImage":{"thumbnailViewModel":{"image":{"sources":[{"url":"https://i.ytimg.com/vi/XeA2wdj74O4/hqdefault.jpg?sqp=-oaymwEiCKgBEF5IWvKriqkDFQgBFQAAAAAYASUAAMhCPQCAokN4AQ== rs=AOn4CLCCftq7xITNcuglR3zJAI11_7l-7A","width":168,"height":94},{"url":"https://i.ytimg.com/vi/XeA2wdj74O4/hqdefault.jpg?sqp=-oaymwEjCNACELwBSFryq4qpAxUIARUAAAAAGAElAADIQj0AgKJDeAE= rs=AOn4CLDcgvNJWS9QtpG1P3rAHRUtyIG3-w","width":336,"height":188}]},"overlays":[{"thumbnailOverlayBadgeViewModel":{"thumbnailBadges":[{"thumbnailBadgeViewModel":{"text":"3:50","badgeStyle":"THUMBNAIL_OVERLAY_BADGE_STYLE_DEFAULT","animationActivationTargetId":"XeA2wdj74O4","animationActivationEntityKey":"Eh8veW91dHViZS9hcHAvd2F0Y2gvcGxheWVyX3N0YXRlIMMCKAE%3D","lottieData":{"url":"https://www.gstatic.com/youtube/img/lottie/audio_indicator/audio_indicator_v2.json","settings":{"loop":true,"autoplay":true}},"animatedText":"Now playing","animationActivationEntitySelectorType":"THUMBNAIL_BADGE_ANIMATION_ENTITY_SELECTOR_TYPE_PLAYER_STATE","rendererContext":{"accessibilityContext":{"label":"3 minutes, 50 seconds"}}}}],"position":"THUMBNAIL_OVERLAY_BADGE_POSITION_BOTTOM_END"}},{"thumbnailHoverOverlayToggleActionsViewModel":{"buttons":[{"toggleButtonViewModel":{"defaultButtonViewModel":{"buttonViewModel":{"iconName":"WATCH_LATER","onTap":{"innertubeCommand":{"clickTrackingParams":"CO4BEPBbIhMIwYnB7YPaiwMVblx6BR3uzA2s","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/browse/edit_playlist"}},"playlistEditEndpoint":{"playlistId":"WL","actions":[{"addedVideoId":"XeA2wdj74O4","action":"ACTION_ADD_VIDEO"}]}}},"accessibilityText":"Watch later","style":"BUTTON_VIEW_MODEL_STYLE_OVERLAY_DARK","trackingParams":"CO4BEPBbIhMIwYnB7YPaiwMVblx6BR3uzA2s","type":"BUTTON_VIEW_MODEL_TYPE_TONAL","buttonSize":"BUTTON_VIEW_MODEL_SIZE_COMPACT","state":"BUTTON_VIEW_MODEL_STATE_ACTIVE"}},"toggledButtonViewModel":{"buttonViewModel":{"iconName":"CHECK","onTap":{"innertubeCommand":{"clickTrackingParams":"CO0BEPBbIhMIwYnB7YPaiwMVblx6BR3uzA2s","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/browse/edit_playlist"}},"playlistEditEndpoint":{"playlistId":"WL","actions":[{"action":"ACTION_REMOVE_VIDEO_BY_VIDEO_ID","removedVideoId":"XeA2wdj74O4"}]}}},"accessibilityText":"Added","style":"BUTTON_VIEW_MODEL_STYLE_OVERLAY_DARK","trackingParams":"CO0BEPBbIhMIwYnB7YPaiwMVblx6BR3uzA2s","type":"BUTTON_VIEW_MODEL_TYPE_TONAL","buttonSize":"BUTTON_VIEW_MODEL_SIZE_COMPACT","state":"BUTTON_VIEW_MODEL_STATE_ACTIVE"}},"isToggled":false,"trackingParams":"COcBENTEDBgAIhMIwYnB7YPaiwMVblx6BR3uzA2s"}},{"toggleButtonViewModel":{"defaultButtonViewModel":{"buttonViewModel":{"iconName":"ADD_TO_QUEUE_TAIL","onTap":{"innertubeCommand":{"clickTrackingParams":"COwBEPBbIhMIwYnB7YPaiwMVblx6BR3uzA2s","commandMetadata":{"webCommandMetadata":{"sendPost":true}},"signalServiceEndpoint":{"signal":"CLIENT_SIGNAL","actions":[{"clickTrackingParams":"COwBEPBbIhMIwYnB7YPaiwMVblx6BR3uzA2s","addToPlaylistCommand":{"openMiniplayer":false,"openListPanel":true,"videoId":"XeA2wdj74O4","listType":"PLAYLIST_EDIT_LIST_TYPE_QUEUE","onCreateListCommand":{"clickTrackingParams":"COwBEPBbIhMIwYnB7YPaiwMVblx6BR3uzA2s","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/playlist/create"}},"createPlaylistServiceEndpoint":{"videoIds":["XeA2wdj74O4"],"params":"CAQ%3D"}},"videoIds":["XeA2wdj74O4"],"videoCommand":{"clickTrackingParams":"COwBEPBbIhMIwYnB7YPaiwMVblx6BR3uzA2s","commandMetadata":{"webCommandMetadata":{"url":"/watch?v=XeA2wdj74O4","webPageType":"WEB_PAGE_TYPE_WATCH","rootVe":3832}},"watchEndpoint":{"videoId":"XeA2wdj74O4","watchEndpointSupportedOnesieConfig":{"html5PlaybackOnesieConfig":{"commonConfig":{"url":"https://rr4---sn-nvm-cxbz.googlevideo.com/initplayback?source=youtube oeis=1 c=WEB oad=3200 ovd=3200 oaad=11000 oavd=11000 ocs=700 oewis=1 oputc=1 ofpcc=1 msp=1 odepv=1 onvi=1 id=5de036c1d8fbe0ee ip=2a02%3A27aa%3A0%3A0%3A0%3A0%3A0%3Ad49 initcwndbps=1776250 mt=1740321428 oweuc="}}}}}}}]}}},"accessibilityText":"Add to queue","style":"BUTTON_VIEW_MODEL_STYLE_OVERLAY_DARK","trackingParams":"COwBEPBbIhMIwYnB7YPaiwMVblx6BR3uzA2s","type":"BUTTON_VIEW_MODEL_TYPE_TONAL","buttonSize":"BUTTON_VIEW_MODEL_SIZE_COMPACT","state":"BUTTON_VIEW_MODEL_STATE_ACTIVE"}},"toggledButtonViewModel":{"buttonViewModel":{"iconName":"CHECK","accessibilityText":"Added","style":"BUTTON_VIEW_MODEL_STYLE_OVERLAY_DARK","trackingParams":"COsBEPBbIhMIwYnB7YPaiwMVblx6BR3uzA2s","type":"BUTTON_VIEW_MODEL_TYPE_TONAL","buttonSize":"BUTTON_VIEW_MODEL_SIZE_COMPACT","state":"BUTTON_VIEW_MODEL_STATE_ACTIVE"}},"isToggled":false,"trackingParams":"COcBENTEDBgAIhMIwYnB7YPaiwMVblx6BR3uzA2s"}}]}}]}},"metadata":{"lockupMetadataViewModel":{"title":{"content":"CSS Tutorial for Beginners - 27 - The SPAN element"},"image":{"decoratedAvatarViewModel":{"avatar":{"avatarViewModel":{"image":{"sources":[{"url":"https://yt3.ggpht.com/ytc/AIdro_mc_rFhJ0HcbjN8RRVqtNsCdIGTG-37cYwZuDZTxKowEA=s68-c-k-c0x00ffffff-no-rj","width":68,"height":68}]},"avatarImageSize":"AVATAR_SIZE_M"}},"a11yLabel":"Go to channel","rendererContext":{"commandContext":{"onTap":{"innertubeCommand":{"clickTrackingParams":"COcBENTEDBgAIhMIwYnB7YPaiwMVblx6BR3uzA2s","commandMetadata":{"webCommandMetadata":{"url":"/@EJMedia1","webPageType":"WEB_PAGE_TYPE_CHANNEL","rootVe":3611,"apiUrl":"/youtubei/v1/browse"}},"browseEndpoint":{"browseId":"UC-JQzTHQrVA8j-tamvy66fw","canonicalBaseUrl":"/@EJMedia1"}}}}}}},"metadata":{"contentMetadataViewModel":{"metadataRows":[{"metadataParts":[{"text":{"content":"EJ Media"}}]},{"metadataParts":[{"text":{"content":"155K views"}},{"text":{"content":"10 years ago"}}]}],"delimiter":" • "}},"menuButton":{"buttonViewModel":{"iconName":"MORE_VERT","onTap":{"innertubeCommand":{"clickTrackingParams":"COgBEPBbIhMIwYnB7YPaiwMVblx6BR3uzA2s","showSheetCommand":{"panelLoadingStrategy":{"inlineContent":{"sheetViewModel":{"content":{"listViewModel":{"listItems":[{"listItemViewModel":{"title":{"content":"Add to queue"},"leadingImage":{"sources":[{"clientResource":{"imageName":"ADD_TO_QUEUE_TAIL"}}]},"rendererContext":{"loggingContext":{"loggingDirectives":{"trackingParams":"COoBEP6YBBgAIhMIwYnB7YPaiwMVblx6BR3uzA2s"}},"commandContext":{"onTap":{"innertubeCommand":{"clickTrackingParams":"COoBEP6YBBgAIhMIwYnB7YPaiwMVblx6BR3uzA2s","commandMetadata":{"webCommandMetadata":{"sendPost":true}},"signalServiceEndpoint":{"signal":"CLIENT_SIGNAL","actions":[{"clickTrackingParams":"COoBEP6YBBgAIhMIwYnB7YPaiwMVblx6BR3uzA2s","addToPlaylistCommand":{"openMiniplayer":true,"videoId":"XeA2wdj74O4","listType":"PLAYLIST_EDIT_LIST_TYPE_QUEUE","onCreateListCommand":{"clickTrackingParams":"COoBEP6YBBgAIhMIwYnB7YPaiwMVblx6BR3uzA2s","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/playlist/create"}},"createPlaylistServiceEndpoint":{"videoIds":["XeA2wdj74O4"],"params":"CAQ%3D"}},"videoIds":["XeA2wdj74O4"],"videoCommand":{"clickTrackingParams":"COoBEP6YBBgAIhMIwYnB7YPaiwMVblx6BR3uzA2s","commandMetadata":{"webCommandMetadata":{"url":"/watch?v=XeA2wdj74O4","webPageType":"WEB_PAGE_TYPE_WATCH","rootVe":3832}},"watchEndpoint":{"videoId":"XeA2wdj74O4","watchEndpointSupportedOnesieConfig":{"html5PlaybackOnesieConfig":{"commonConfig":{"url":"https://rr4---sn-nvm-cxbz.googlevideo.com/initplayback?source=youtube oeis=1 c=WEB oad=3200 ovd=3200 oaad=11000 oavd=11000 ocs=700 oewis=1 oputc=1 ofpcc=1 msp=1 odepv=1 onvi=1 id=5de036c1d8fbe0ee ip=2a02%3A27aa%3A0%3A0%3A0%3A0%3A0%3Ad49 initcwndbps=1776250 mt=1740321428 oweuc="}}}}}}}]}}}}}}},{"listItemViewModel":{"title":{"content":"Share"},"leadingImage":{"sources":[{"clientResource":{"imageName":"SHARE"}}]},"rendererContext":{"commandContext":{"onTap":{"innertubeCommand":{"clickTrackingParams":"COgBEPBbIhMIwYnB7YPaiwMVblx6BR3uzA2s","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/share/get_share_panel"}},"shareEntityServiceEndpoint":{"serializedShareEntity":"CgtYZUEyd2RqNzRPNA%3D%3D","commands":[{"clickTrackingParams":"COgBEPBbIhMIwYnB7YPaiwMVblx6BR3uzA2s","openPopupAction":{"popup":{"unifiedSharePanelRenderer":{"trackingParams":"COkBEI5iIhMIwYnB7YPaiwMVblx6BR3uzA2s","showLoadingSpinner":true}},"popupType":"DIALOG","beReused":true}}]}}}}}}}]}}}}}}}},"accessibilityText":"More actions","style":"BUTTON_VIEW_MODEL_STYLE_MONO","trackingParams":"COgBEPBbIhMIwYnB7YPaiwMVblx6BR3uzA2s","type":"BUTTON_VIEW_MODEL_TYPE_TEXT","buttonSize":"BUTTON_VIEW_MODEL_SIZE_DEFAULT","state":"BUTTON_VIEW_MODEL_STATE_ACTIVE"}}}},"contentId":"XeA2wdj74O4","contentType":"LOCKUP_CONTENT_TYPE_VIDEO","rendererContext":{"loggingContext":{"loggingDirectives":{"trackingParams":"COcBENTEDBgAIhMIwYnB7YPaiwMVblx6BR3uzA2s","clientVeSpec":{"uiType":205396,"veCounter":864710104}}},"accessibilityContext":{"label":"CSS Tutorial for Beginners - 27 - The SPAN element by EJ Media 155,851 views 10 years ago 3 minutes, 50 seconds"},"commandContext":{"onTap":{"innertubeCommand":{"clickTrackingParams":"COcBENTEDBgAIhMIwYnB7YPaiwMVblx6BR3uzA2sMgdyZWxhdGVkSOKs64e1wefJxQGaAQUIARD4HQ==","commandMetadata":{"webCommandMetadata":{"url":"/watch?v=XeA2wdj74O4","webPageType":"WEB_PAGE_TYPE_WATCH","rootVe":3832}},"watchEndpoint":{"videoId":"XeA2wdj74O4","nofollow":true,"watchEndpointSupportedOnesieConfig":{"html5PlaybackOnesieConfig":{"commonConfig":{"url":"https://rr4---sn-nvm-cxbz.googlevideo.com/initplayback?source=youtube oeis=1 c=WEB oad=3200 ovd=3200 oaad=11000 oavd=11000 ocs=700 oewis=1 oputc=1 ofpcc=1 msp=1 odepv=1 onvi=1 id=5de036c1d8fbe0ee ip=2a02%3A27aa%3A0%3A0%3A0%3A0%3A0%3Ad49 initcwndbps=1776250 mt=1740321428 oweuc="}}}}}}}}}},{"lockupViewModel":{"contentImage":{"thumbnailViewModel":{"image":{"sources":[{"url":"https://i.ytimg.com/vi/n4R2E7O-Ngo/hqdefault.jpg?sqp=-oaymwEiCKgBEF5IWvKriqkDFQgBFQAAAAAYASUAAMhCPQCAokN4AQ== rs=AOn4CLD5QV4pnw1WvE2rfaqzRm02Bhlh1A","width":168,"height":94},{"url":"https://i.ytimg.com/vi/n4R2E7O-Ngo/hqdefault.jpg?sqp=-oaymwEjCNACELwBSFryq4qpAxUIARUAAAAAGAElAADIQj0AgKJDeAE= rs=AOn4CLAQD2SFWeFAr4v8SZggbqHlZU7ETA","width":336,"height":188}]},"overlays":[{"thumbnailOverlayBadgeViewModel":{"thumbnailBadges":[{"thumbnailBadgeViewModel":{"text":"11:08:07","badgeStyle":"THUMBNAIL_OVERLAY_BADGE_STYLE_DEFAULT","animationActivationTargetId":"n4R2E7O-Ngo","animationActivationEntityKey":"Eh8veW91dHViZS9hcHAvd2F0Y2gvcGxheWVyX3N0YXRlIMMCKAE%3D","lottieData":{"url":"https://www.gstatic.com/youtube/img/lottie/audio_indicator/audio_indicator_v2.json","settings":{"loop":true,"autoplay":true}},"animatedText":"Now playing","animationActivationEntitySelectorType":"THUMBNAIL_BADGE_ANIMATION_ENTITY_SELECTOR_TYPE_PLAYER_STATE","rendererContext":{"accessibilityContext":{"label":"11 hours, 8 minutes, 7 seconds"}}}}],"position":"THUMBNAIL_OVERLAY_BADGE_POSITION_BOTTOM_END"}},{"thumbnailHoverOverlayToggleActionsViewModel":{"buttons":[{"toggleButtonViewModel":{"defaultButtonViewModel":{"buttonViewModel":{"iconName":"WATCH_LATER","onTap":{"innertubeCommand":{"clickTrackingParams":"COYBEPBbIhMIwYnB7YPaiwMVblx6BR3uzA2s","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/browse/edit_playlist"}},"playlistEditEndpoint":{"playlistId":"WL","actions":[{"addedVideoId":"n4R2E7O-Ngo","action":"ACTION_ADD_VIDEO"}]}}},"accessibilityText":"Watch later","style":"BUTTON_VIEW_MODEL_STYLE_OVERLAY_DARK","trackingParams":"COYBEPBbIhMIwYnB7YPaiwMVblx6BR3uzA2s","type":"BUTTON_VIEW_MODEL_TYPE_TONAL","buttonSize":"BUTTON_VIEW_MODEL_SIZE_COMPACT","state":"BUTTON_VIEW_MODEL_STATE_ACTIVE"}},"toggledButtonViewModel":{"buttonViewModel":{"iconName":"CHECK","onTap":{"innertubeCommand":{"clickTrackingParams":"COUBEPBbIhMIwYnB7YPaiwMVblx6BR3uzA2s","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/browse/edit_playlist"}},"playlistEditEndpoint":{"playlistId":"WL","actions":[{"action":"ACTION_REMOVE_VIDEO_BY_VIDEO_ID","removedVideoId":"n4R2E7O-Ngo"}]}}},"accessibilityText":"Added","style":"BUTTON_VIEW_MODEL_STYLE_OVERLAY_DARK","trackingParams":"COUBEPBbIhMIwYnB7YPaiwMVblx6BR3uzA2s","type":"BUTTON_VIEW_MODEL_TYPE_TONAL","buttonSize":"BUTTON_VIEW_MODEL_SIZE_COMPACT","state":"BUTTON_VIEW_MODEL_STATE_ACTIVE"}},"isToggled":false,"trackingParams":"CN8BENTEDBgBIhMIwYnB7YPaiwMVblx6BR3uzA2s"}},{"toggleButtonViewModel":{"defaultButtonViewModel":{"buttonViewModel":{"iconName":"ADD_TO_QUEUE_TAIL","onTap":{"innertubeCommand":{"clickTrackingParams":"COQBEPBbIhMIwYnB7YPaiwMVblx6BR3uzA2s","commandMetadata":{"webCommandMetadata":{"sendPost":true}},"signalServiceEndpoint":{"signal":"CLIENT_SIGNAL","actions":[{"clickTrackingParams":"COQBEPBbIhMIwYnB7YPaiwMVblx6BR3uzA2s","addToPlaylistCommand":{"openMiniplayer":false,"openListPanel":true,"videoId":"n4R2E7O-Ngo","listType":"PLAYLIST_EDIT_LIST_TYPE_QUEUE","onCreateListCommand":{"clickTrackingParams":"COQBEPBbIhMIwYnB7YPaiwMVblx6BR3uzA2s","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/playlist/create"}},"createPlaylistServiceEndpoint":{"videoIds":["n4R2E7O-Ngo"],"params":"CAQ%3D"}},"videoIds":["n4R2E7O-Ngo"],"videoCommand":{"clickTrackingParams":"COQBEPBbIhMIwYnB7YPaiwMVblx6BR3uzA2s","commandMetadata":{"webCommandMetadata":{"url":"/watch?v=n4R2E7O-Ngo","webPageType":"WEB_PAGE_TYPE_WATCH","rootVe":3832}},"watchEndpoint":{"videoId":"n4R2E7O-Ngo","watchEndpointSupportedOnesieConfig":{"html5PlaybackOnesieConfig":{"commonConfig":{"url":"https://rr2---sn-uxaxiv0nxx5q-nv4l.googlevideo.com/initplayback?source=youtube oeis=1 c=WEB oad=3200 ovd=3200 oaad=11000 oavd=11000 ocs=700 oewis=1 oputc=1 ofpcc=1 msp=1 odepv=1 onvi=1 id=9f847613b3be360a ip=2a02%3A27aa%3A0%3A0%3A0%3A0%3A0%3Ad49 initcwndbps=1208750 mt=1740321428 oweuc="}}}}}}}]}}},"accessibilityText":"Add to queue","style":"BUTTON_VIEW_MODEL_STYLE_OVERLAY_DARK","trackingParams":"COQBEPBbIhMIwYnB7YPaiwMVblx6BR3uzA2s","type":"BUTTON_VIEW_MODEL_TYPE_TONAL","buttonSize":"BUTTON_VIEW_MODEL_SIZE_COMPACT","state":"BUTTON_VIEW_MODEL_STATE_ACTIVE"}},"toggledButtonViewModel":{"buttonViewModel":{"iconName":"CHECK","accessibilityText":"Added","style":"BUTTON_VIEW_MODEL_STYLE_OVERLAY_DARK","trackingParams":"COMBEPBbIhMIwYnB7YPaiwMVblx6BR3uzA2s","type":"BUTTON_VIEW_MODEL_TYPE_TONAL","buttonSize":"BUTTON_VIEW_MODEL_SIZE_COMPACT","state":"BUTTON_VIEW_MODEL_STATE_ACTIVE"}},"isToggled":false,"trackingParams":"CN8BENTEDBgBIhMIwYnB7YPaiwMVblx6BR3uzA2s"}}]}}]}},"metadata":{"lockupMetadataViewModel":{"title":{"content":"CSS Full Course for Beginners | Complete All-in-One Tutorial | 11 Hours"},"image":{"decoratedAvatarViewModel":{"avatar":{"avatarViewModel":{"image":{"sources":[{"url":"https://yt3.ggpht.com/nv365KiAJyURPEBZyCh0SV3hSBnZXbvVXrzRwcNDfgUpXPn9-3_4PY0SkQrAJWnzQOxKqfUtrQ=s68-c-k-c0x00ffffff-no-rj","width":68,"height":68}]},"avatarImageSize":"AVATAR_SIZE_M"}},"a11yLabel":"Go to channel","rendererContext":{"commandContext":{"onTap":{"innertubeCommand":{"clickTrackingParams":"CN8BENTEDBgBIhMIwYnB7YPaiwMVblx6BR3uzA2s","commandMetadata":{"webCommandMetadata":{"url":"/@DaveGrayTeachesCode","webPageType":"WEB_PAGE_TYPE_CHANNEL","rootVe":3611,"apiUrl":"/youtubei/v1/browse"}},"browseEndpoint":{"browseId":"UCY38RvRIxYODO4penyxUwTg","canonicalBaseUrl":"/@DaveGrayTeachesCode"}}}}}}},"metadata":{"contentMetadataViewModel":{"metadataRows":[{"metadataParts":[{"text":{"content":"Dave Gray"}}]},{"metadataParts":[{"text":{"content":"806K views"}},{"text":{"content":"2 years ago"}}]}],"delimiter":" • "}},"menuButton":{"buttonViewModel":{"iconName":"MORE_VERT","onTap":{"innertubeCommand":{"clickTrackingParams":"COABEPBbIhMIwYnB7YPaiwMVblx6BR3uzA2s","showSheetCommand":{"panelLoadingStrategy":{"inlineContent":{"sheetViewModel":{"content":{"listViewModel":{"listItems":[{"listItemViewModel":{"title":{"content":"Add to queue"},"leadingImage":{"sources":[{"clientResource":{"imageName":"ADD_TO_QUEUE_TAIL"}}]},"rendererContext":{"loggingContext":{"loggingDirectives":{"trackingParams":"COIBEP6YBBgAIhMIwYnB7YPaiwMVblx6BR3uzA2s"}},"commandContext":{"onTap":{"innertubeCommand":{"clickTrackingParams":"COIBEP6YBBgAIhMIwYnB7YPaiwMVblx6BR3uzA2s","commandMetadata":{"webCommandMetadata":{"sendPost":true}},"signalServiceEndpoint":{"signal":"CLIENT_SIGNAL","actions":[{"clickTrackingParams":"COIBEP6YBBgAIhMIwYnB7YPaiwMVblx6BR3uzA2s","addToPlaylistCommand":{"openMiniplayer":true,"videoId":"n4R2E7O-Ngo","listType":"PLAYLIST_EDIT_LIST_TYPE_QUEUE","onCreateListCommand":{"clickTrackingParams":"COIBEP6YBBgAIhMIwYnB7YPaiwMVblx6BR3uzA2s","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/playlist/create"}},"createPlaylistServiceEndpoint":{"videoIds":["n4R2E7O-Ngo"],"params":"CAQ%3D"}},"videoIds":["n4R2E7O-Ngo"],"videoCommand":{"clickTrackingParams":"COIBEP6YBBgAIhMIwYnB7YPaiwMVblx6BR3uzA2s","commandMetadata":{"webCommandMetadata":{"url":"/watch?v=n4R2E7O-Ngo","webPageType":"WEB_PAGE_TYPE_WATCH","rootVe":3832}},"watchEndpoint":{"videoId":"n4R2E7O-Ngo","watchEndpointSupportedOnesieConfig":{"html5PlaybackOnesieConfig":{"commonConfig":{"url":"https://rr2---sn-uxaxiv0nxx5q-nv4l.googlevideo.com/initplayback?source=youtube oeis=1 c=WEB oad=3200 ovd=3200 oaad=11000 oavd=11000 ocs=700 oewis=1 oputc=1 ofpcc=1 msp=1 odepv=1 onvi=1 id=9f847613b3be360a ip=2a02%3A27aa%3A0%3A0%3A0%3A0%3A0%3Ad49 initcwndbps=1208750 mt=1740321428 oweuc="}}}}}}}]}}}}}}},{"listItemViewModel":{"title":{"content":"Share"},"leadingImage":{"sources":[{"clientResource":{"imageName":"SHARE"}}]},"rendererContext":{"commandContext":{"onTap":{"innertubeCommand":{"clickTrackingParams":"COABEPBbIhMIwYnB7YPaiwMVblx6BR3uzA2s","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/share/get_share_panel"}},"shareEntityServiceEndpoint":{"serializedShareEntity":"CgtuNFIyRTdPLU5nbw%3D%3D","commands":[{"clickTrackingParams":"COABEPBbIhMIwYnB7YPaiwMVblx6BR3uzA2s","openPopupAction":{"popup":{"unifiedSharePanelRenderer":{"trackingParams":"COEBEI5iIhMIwYnB7YPaiwMVblx6BR3uzA2s","showLoadingSpinner":true}},"popupType":"DIALOG","beReused":true}}]}}}}}}}]}}}}}}}},"accessibilityText":"More actions","style":"BUTTON_VIEW_MODEL_STYLE_MONO","trackingParams":"COABEPBbIhMIwYnB7YPaiwMVblx6BR3uzA2s","type":"BUTTON_VIEW_MODEL_TYPE_TEXT","buttonSize":"BUTTON_VIEW_MODEL_SIZE_DEFAULT","state":"BUTTON_VIEW_MODEL_STATE_ACTIVE"}}}},"contentId":"n4R2E7O-Ngo","contentType":"LOCKUP_CONTENT_TYPE_VIDEO","rendererContext":{"loggingContext":{"loggingDirectives":{"trackingParams":"CN8BENTEDBgBIhMIwYnB7YPaiwMVblx6BR3uzA2s","clientVeSpec":{"uiType":205396,"veCounter":864710103}}},"accessibilityContext":{"label":"CSS Full Course for Beginners | Complete All-in-One Tutorial | 11 Hours by Dave Gray 806,782 views 2 years ago 11 hours, 8 minutes"},"commandContext":{"onTap":{"innertubeCommand":{"clickTrackingParams":"CN8BENTEDBgBIhMIwYnB7YPaiwMVblx6BR3uzA2sMgdyZWxhdGVkSOKs64e1wefJxQGaAQUIARD4HQ==","commandMetadata":{"webCommandMetadata":{"url":"/watch?v=n4R2E7O-Ngo","webPageType":"WEB_PAGE_TYPE_WATCH","rootVe":3832}},"watchEndpoint":{"videoId":"n4R2E7O-Ngo","nofollow":true,"watchEndpointSupportedOnesieConfig":{"html5PlaybackOnesieConfig":{"commonConfig":{"url":"https://rr2---sn-uxaxiv0nxx5q-nv4l.googlevideo.com/initplayback?source=youtube oeis=1 c=WEB oad=3200 ovd=3200 oaad=11000 oavd=11000 ocs=700 oewis=1 oputc=1 ofpcc=1 msp=1 odepv=1 onvi=1 id=9f847613b3be360a ip=2a02%3A27aa%3A0%3A0%3A0%3A0%3A0%3Ad49 initcwndbps=1208750 mt=1740321428 oweuc="}}}}}}}}}},{"lockupViewModel":{"contentImage":{"thumbnailViewModel":{"image":{"sources":[{"url":"https://i.ytimg.com/vi/vmsE_0rdVI4/hqdefault.jpg?sqp=-oaymwEiCKgBEF5IWvKriqkDFQgBFQAAAAAYASUAAMhCPQCAokN4AQ== rs=AOn4CLDB2c9NdAGYNb296rPApgJsVDRnGw","width":168,"height":94},{"url":"https://i.ytimg.com/vi/vmsE_0rdVI4/hqdefault.jpg?sqp=-oaymwEjCNACELwBSFryq4qpAxUIARUAAAAAGAElAADIQj0AgKJDeAE= rs=AOn4CLCdGVAcf8fg9jkd5i87o9JuZkXebQ","width":336,"height":188}]},"overlays":[{"thumbnailOverlayBadgeViewModel":{"thumbnailBadges":[{"thumbnailBadgeViewModel":{"text":"12:30","badgeStyle":"THUMBNAIL_OVERLAY_BADGE_STYLE_DEFAULT","animationActivationTargetId":"vmsE_0rdVI4","animationActivationEntityKey":"Eh8veW91dHViZS9hcHAvd2F0Y2gvcGxheWVyX3N0YXRlIMMCKAE%3D","lottieData":{"url":"https://www.gstatic.com/youtube/img/lottie/audio_indicator/audio_indicator_v2.json","settings":{"loop":true,"autoplay":true}},"animatedText":"Now playing","animationActivationEntitySelectorType":"THUMBNAIL_BADGE_ANIMATION_ENTITY_SELECTOR_TYPE_PLAYER_STATE","rendererContext":{"accessibilityContext":{"label":"12 minutes, 30 seconds"}}}}],"position":"THUMBNAIL_OVERLAY_BADGE_POSITION_BOTTOM_END"}},{"thumbnailHoverOverlayToggleActionsViewModel":{"buttons":[{"toggleButtonViewModel":{"defaultButtonViewModel":{"buttonViewModel":{"iconName":"WATCH_LATER","onTap":{"innertubeCommand":{"clickTrackingParams":"CN4BEPBbIhMIwYnB7YPaiwMVblx6BR3uzA2s","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/browse/edit_playlist"}},"playlistEditEndpoint":{"playlistId":"WL","actions":[{"addedVideoId":"vmsE_0rdVI4","action":"ACTION_ADD_VIDEO"}]}}},"accessibilityText":"Watch later","style":"BUTTON_VIEW_MODEL_STYLE_OVERLAY_DARK","trackingParams":"CN4BEPBbIhMIwYnB7YPaiwMVblx6BR3uzA2s","type":"BUTTON_VIEW_MODEL_TYPE_TONAL","buttonSize":"BUTTON_VIEW_MODEL_SIZE_COMPACT","state":"BUTTON_VIEW_MODEL_STATE_ACTIVE"}},"toggledButtonViewModel":{"buttonViewModel":{"iconName":"CHECK","onTap":{"innertubeCommand":{"clickTrackingParams":"CN0BEPBbIhMIwYnB7YPaiwMVblx6BR3uzA2s","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/browse/edit_playlist"}},"playlistEditEndpoint":{"playlistId":"WL","actions":[{"action":"ACTION_REMOVE_VIDEO_BY_VIDEO_ID","removedVideoId":"vmsE_0rdVI4"}]}}},"accessibilityText":"Added","style":"BUTTON_VIEW_MODEL_STYLE_OVERLAY_DARK","trackingParams":"CN0BEPBbIhMIwYnB7YPaiwMVblx6BR3uzA2s","type":"BUTTON_VIEW_MODEL_TYPE_TONAL","buttonSize":"BUTTON_VIEW_MODEL_SIZE_COMPACT","state":"BUTTON_VIEW_MODEL_STATE_ACTIVE"}},"isToggled":false,"trackingParams":"CNcBENTEDBgCIhMIwYnB7YPaiwMVblx6BR3uzA2s"}},{"toggleButtonViewModel":{"defaultButtonViewModel":{"buttonViewModel":{"iconName":"ADD_TO_QUEUE_TAIL","onTap":{"innertubeCommand":{"clickTrackingParams":"CNwBEPBbIhMIwYnB7YPaiwMVblx6BR3uzA2s","commandMetadata":{"webCommandMetadata":{"sendPost":true}},"signalServiceEndpoint":{"signal":"CLIENT_SIGNAL","actions":[{"clickTrackingParams":"CNwBEPBbIhMIwYnB7YPaiwMVblx6BR3uzA2s","addToPlaylistCommand":{"openMiniplayer":false,"openListPanel":true,"videoId":"vmsE_0rdVI4","listType":"PLAYLIST_EDIT_LIST_TYPE_QUEUE","onCreateListCommand":{"clickTrackingParams":"CNwBEPBbIhMIwYnB7YPaiwMVblx6BR3uzA2s","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/playlist/create"}},"createPlaylistServiceEndpoint":{"videoIds":["vmsE_0rdVI4"],"params":"CAQ%3D"}},"videoIds":["vmsE_0rdVI4"],"videoCommand":{"clickTrackingParams":"CNwBEPBbIhMIwYnB7YPaiwMVblx6BR3uzA2s","commandMetadata":{"webCommandMetadata":{"url":"/watch?v=vmsE_0rdVI4","webPageType":"WEB_PAGE_TYPE_WATCH","rootVe":3832}},"watchEndpoint":{"videoId":"vmsE_0rdVI4","watchEndpointSupportedOnesieConfig":{"html5PlaybackOnesieConfig":{"commonConfig":{"url":"https://rr4---sn-uxaxiv0nxx5q-nv4l.googlevideo.com/initplayback?source=youtube oeis=1 c=WEB oad=3200 ovd=3200 oaad=11000 oavd=11000 ocs=700 oewis=1 oputc=1 ofpcc=1 msp=1 odepv=1 onvi=1 id=be6b04ff4add548e ip=2a02%3A27aa%3A0%3A0%3A0%3A0%3A0%3Ad49 initcwndbps=1208750 mt=1740321428 oweuc="}}}}}}}]}}},"accessibilityText":"Add to queue","style":"BUTTON_VIEW_MODEL_STYLE_OVERLAY_DARK","trackingParams":"CNwBEPBbIhMIwYnB7YPaiwMVblx6BR3uzA2s","type":"BUTTON_VIEW_MODEL_TYPE_TONAL","buttonSize":"BUTTON_VIEW_MODEL_SIZE_COMPACT","state":"BUTTON_VIEW_MODEL_STATE_ACTIVE"}},"toggledButtonViewModel":{"buttonViewModel":{"iconName":"CHECK","accessibilityText":"Added","style":"BUTTON_VIEW_MODEL_STYLE_OVERLAY_DARK","trackingParams":"CNsBEPBbIhMIwYnB7YPaiwMVblx6BR3uzA2s","type":"BUTTON_VIEW_MODEL_TYPE_TONAL","buttonSize":"BUTTON_VIEW_MODEL_SIZE_COMPACT","state":"BUTTON_VIEW_MODEL_STATE_ACTIVE"}},"isToggled":false,"trackingParams":"CNcBENTEDBgCIhMIwYnB7YPaiwMVblx6BR3uzA2s"}}]}}]}},"metadata":{"lockupMetadataViewModel":{"title":{"content":"SIMPLE PROFILE CARD USING HTML, CSS JS | #09"},"image":{"decoratedAvatarViewModel":{"avatar":{"avatarViewModel":{"image":{"sources":[{"url":"https://yt3.ggpht.com/lW_inEPH5wse049E_-JhCvXfjHEh8C_mfI7WJPmCbzP6Q9wHSpz7UP9Qz_K19CiN9RiMp-mVH_0=s68-c-k-c0x00ffffff-no-rj","width":68,"height":68}]},"avatarImageSize":"AVATAR_SIZE_M"}},"a11yLabel":"Go to channel","rendererContext":{"commandContext":{"onTap":{"innertubeCommand":{"clickTrackingParams":"CNcBENTEDBgCIhMIwYnB7YPaiwMVblx6BR3uzA2s","commandMetadata":{"webCommandMetadata":{"url":"/@CodeCraftify23","webPageType":"WEB_PAGE_TYPE_CHANNEL","rootVe":3611,"apiUrl":"/youtubei/v1/browse"}},"browseEndpoint":{"browseId":"UCkERQRkreFzUjLxCHPJPM0Q","canonicalBaseUrl":"/@CodeCraftify23"}}}}}}},"metadata":{"contentMetadataViewModel":{"metadataRows":[{"metadataParts":[{"text":{"content":"Code Craftify"}}]},{"metadataParts":[{"text":{"content":"3 views"}},{"text":{"content":"2 hours ago"}}]},{"badges":[{"badgeViewModel":{"badgeText":"New","badgeStyle":"BADGE_DEFAULT","trackingParams":"CNcBENTEDBgCIhMIwYnB7YPaiwMVblx6BR3uzA2s"}}]}],"delimiter":" • "}},"menuButton":{"buttonViewModel":{"iconName":"MORE_VERT","onTap":{"innertubeCommand":{"clickTrackingParams":"CNgBEPBbIhMIwYnB7YPaiwMVblx6BR3uzA2s","showSheetCommand":{"panelLoadingStrategy":{"inlineContent":{"sheetViewModel":{"content":{"listViewModel":{"listItems":[{"listItemViewModel":{"title":{"content":"Add to queue"},"leadingImage":{"sources":[{"clientResource":{"imageName":"ADD_TO_QUEUE_TAIL"}}]},"rendererContext":{"loggingContext":{"loggingDirectives":{"trackingParams":"CNoBEP6YBBgAIhMIwYnB7YPaiwMVblx6BR3uzA2s"}},"commandContext":{"onTap":{"innertubeCommand":{"clickTrackingParams":"CNoBEP6YBBgAIhMIwYnB7YPaiwMVblx6BR3uzA2s","commandMetadata":{"webCommandMetadata":{"sendPost":true}},"signalServiceEndpoint":{"signal":"CLIENT_SIGNAL","actions":[{"clickTrackingParams":"CNoBEP6YBBgAIhMIwYnB7YPaiwMVblx6BR3uzA2s","addToPlaylistCommand":{"openMiniplayer":true,"videoId":"vmsE_0rdVI4","listType":"PLAYLIST_EDIT_LIST_TYPE_QUEUE","onCreateListCommand":{"clickTrackingParams":"CNoBEP6YBBgAIhMIwYnB7YPaiwMVblx6BR3uzA2s","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/playlist/create"}},"createPlaylistServiceEndpoint":{"videoIds":["vmsE_0rdVI4"],"params":"CAQ%3D"}},"videoIds":["vmsE_0rdVI4"],"videoCommand":{"clickTrackingParams":"CNoBEP6YBBgAIhMIwYnB7YPaiwMVblx6BR3uzA2s","commandMetadata":{"webCommandMetadata":{"url":"/watch?v=vmsE_0rdVI4","webPageType":"WEB_PAGE_TYPE_WATCH","rootVe":3832}},"watchEndpoint":{"videoId":"vmsE_0rdVI4","watchEndpointSupportedOnesieConfig":{"html5PlaybackOnesieConfig":{"commonConfig":{"url":"https://rr4---sn-uxaxiv0nxx5q-nv4l.googlevideo.com/initplayback?source=youtube oeis=1 c=WEB oad=3200 ovd=3200 oaad=11000 oavd=11000 ocs=700 oewis=1 oputc=1 ofpcc=1 msp=1 odepv=1 onvi=1 id=be6b04ff4add548e ip=2a02%3A27aa%3A0%3A0%3A0%3A0%3A0%3Ad49 initcwndbps=1208750 mt=1740321428 oweuc="}}}}}}}]}}}}}}},{"listItemViewModel":{"title":{"content":"Share"},"leadingImage":{"sources":[{"clientResource":{"imageName":"SHARE"}}]},"rendererContext":{"commandContext":{"onTap":{"innertubeCommand":{"clickTrackingParams":"CNgBEPBbIhMIwYnB7YPaiwMVblx6BR3uzA2s","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/share/get_share_panel"}},"shareEntityServiceEndpoint":{"serializedShareEntity":"Cgt2bXNFXzByZFZJNA%3D%3D","commands":[{"clickTrackingParams":"CNgBEPBbIhMIwYnB7YPaiwMVblx6BR3uzA2s","openPopupAction":{"popup":{"unifiedSharePanelRenderer":{"trackingParams":"CNkBEI5iIhMIwYnB7YPaiwMVblx6BR3uzA2s","showLoadingSpinner":true}},"popupType":"DIALOG","beReused":true}}]}}}}}}}]}}}}}}}},"accessibilityText":"More actions","style":"BUTTON_VIEW_MODEL_STYLE_MONO","trackingParams":"CNgBEPBbIhMIwYnB7YPaiwMVblx6BR3uzA2s","type":"BUTTON_VIEW_MODEL_TYPE_TEXT","buttonSize":"BUTTON_VIEW_MODEL_SIZE_DEFAULT","state":"BUTTON_VIEW_MODEL_STATE_ACTIVE"}}}},"contentId":"vmsE_0rdVI4","contentType":"LOCKUP_CONTENT_TYPE_VIDEO","rendererContext":{"loggingContext":{"loggingDirectives":{"trackingParams":"CNcBENTEDBgCIhMIwYnB7YPaiwMVblx6BR3uzA2s","clientVeSpec":{"uiType":205396,"veCounter":864710102}}},"accessibilityContext":{"label":"SIMPLE PROFILE CARD USING HTML, CSS JS | #09 by Code Craftify 3 views 2 hours ago 12 minutes, 30 seconds"},"commandContext":{"onTap":{"innertubeCommand":{"clickTrackingParams":"CNcBENTEDBgCIhMIwYnB7YPaiwMVblx6BR3uzA2sMgdyZWxhdGVkSOKs64e1wefJxQGaAQUIARD4HQ==","commandMetadata":{"webCommandMetadata":{"url":"/watch?v=vmsE_0rdVI4","webPageType":"WEB_PAGE_TYPE_WATCH","rootVe":3832}},"watchEndpoint":{"videoId":"vmsE_0rdVI4","nofollow":true,"watchEndpointSupportedOnesieConfig":{"html5PlaybackOnesieConfig":{"commonConfig":{"url":"https://rr4---sn-uxaxiv0nxx5q-nv4l.googlevideo.com/initplayback?source=youtube oeis=1 c=WEB oad=3200 ovd=3200 oaad=11000 oavd=11000 ocs=700 oewis=1 oputc=1 ofpcc=1 msp=1 odepv=1 onvi=1 id=be6b04ff4add548e ip=2a02%3A27aa%3A0%3A0%3A0%3A0%3A0%3Ad49 initcwndbps=1208750 mt=1740321428 oweuc="}}}}}}}}}},{"lockupViewModel":{"contentImage":{"thumbnailViewModel":{"image":{"sources":[{"url":"https://i.ytimg.com/vi/3C_22eBWpjg/hqdefault.jpg?sqp=-oaymwEiCKgBEF5IWvKriqkDFQgBFQAAAAAYASUAAMhCPQCAokN4AQ== rs=AOn4CLAzD7OFuKtoxTNd0FJ0bj6zmQXANA","width":168,"height":94},{"url":"https://i.ytimg.com/vi/3C_22eBWpjg/hqdefault.jpg?sqp=-oaymwEjCNACELwBSFryq4qpAxUIARUAAAAAGAElAADIQj0AgKJDeAE= rs=AOn4CLCP04uTVLFe5rRXtoql3E1blWQQ6g","width":336,"height":188}]},"overlays":[{"thumbnailOverlayBadgeViewModel":{"thumbnailBadges":[{"thumbnailBadgeViewModel":{"text":"14:50","badgeStyle":"THUMBNAIL_OVERLAY_BADGE_STYLE_DEFAULT","animationActivationTargetId":"3C_22eBWpjg","animationActivationEntityKey":"Eh8veW91dHViZS9hcHAvd2F0Y2gvcGxheWVyX3N0YXRlIMMCKAE%3D","lottieData":{"url":"https://www.gstatic.com/youtube/img/lottie/audio_indicator/audio_indicator_v2.json","settings":{"loop":true,"autoplay":true}},"animatedText":"Now playing","animationActivationEntitySelectorType":"THUMBNAIL_BADGE_ANIMATION_ENTITY_SELECTOR_TYPE_PLAYER_STATE","rendererContext":{"accessibilityContext":{"label":"14 minutes, 50 seconds"}}}}],"position":"THUMBNAIL_OVERLAY_BADGE_POSITION_BOTTOM_END"}},{"thumbnailHoverOverlayToggleActionsViewModel":{"buttons":[{"toggleButtonViewModel":{"defaultButtonViewModel":{"buttonViewModel":{"iconName":"WATCH_LATER","onTap":{"innertubeCommand":{"clickTrackingParams":"CNYBEPBbIhMIwYnB7YPaiwMVblx6BR3uzA2s","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/browse/edit_playlist"}},"playlistEditEndpoint":{"playlistId":"WL","actions":[{"addedVideoId":"3C_22eBWpjg","action":"ACTION_ADD_VIDEO"}]}}},"accessibilityText":"Watch later","style":"BUTTON_VIEW_MODEL_STYLE_OVERLAY_DARK","trackingParams":"CNYBEPBbIhMIwYnB7YPaiwMVblx6BR3uzA2s","type":"BUTTON_VIEW_MODEL_TYPE_TONAL","buttonSize":"BUTTON_VIEW_MODEL_SIZE_COMPACT","state":"BUTTON_VIEW_MODEL_STATE_ACTIVE"}},"toggledButtonViewModel":{"buttonViewModel":{"iconName":"CHECK","onTap":{"innertubeCommand":{"clickTrackingParams":"CNUBEPBbIhMIwYnB7YPaiwMVblx6BR3uzA2s","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/browse/edit_playlist"}},"playlistEditEndpoint":{"playlistId":"WL","actions":[{"action":"ACTION_REMOVE_VIDEO_BY_VIDEO_ID","removedVideoId":"3C_22eBWpjg"}]}}},"accessibilityText":"Added","style":"BUTTON_VIEW_MODEL_STYLE_OVERLAY_DARK","trackingParams":"CNUBEPBbIhMIwYnB7YPaiwMVblx6BR3uzA2s","type":"BUTTON_VIEW_MODEL_TYPE_TONAL","buttonSize":"BUTTON_VIEW_MODEL_SIZE_COMPACT","state":"BUTTON_VIEW_MODEL_STATE_ACTIVE"}},"isToggled":false,"trackingParams":"CM8BENTEDBgDIhMIwYnB7YPaiwMVblx6BR3uzA2s"}},{"toggleButtonViewModel":{"defaultButtonViewModel":{"buttonViewModel":{"iconName":"ADD_TO_QUEUE_TAIL","onTap":{"innertubeCommand":{"clickTrackingParams":"CNQBEPBbIhMIwYnB7YPaiwMVblx6BR3uzA2s","commandMetadata":{"webCommandMetadata":{"sendPost":true}},"signalServiceEndpoint":{"signal":"CLIENT_SIGNAL","actions":[{"clickTrackingParams":"CNQBEPBbIhMIwYnB7YPaiwMVblx6BR3uzA2s","addToPlaylistCommand":{"openMiniplayer":false,"openListPanel":true,"videoId":"3C_22eBWpjg","listType":"PLAYLIST_EDIT_LIST_TYPE_QUEUE","onCreateListCommand":{"clickTrackingParams":"CNQBEPBbIhMIwYnB7YPaiwMVblx6BR3uzA2s","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/playlist/create"}},"createPlaylistServiceEndpoint":{"videoIds":["3C_22eBWpjg"],"params":"CAQ%3D"}},"videoIds":["3C_22eBWpjg"],"videoCommand":{"clickTrackingParams":"CNQBEPBbIhMIwYnB7YPaiwMVblx6BR3uzA2s","commandMetadata":{"webCommandMetadata":{"url":"/watch?v=3C_22eBWpjg","webPageType":"WEB_PAGE_TYPE_WATCH","rootVe":3832}},"watchEndpoint":{"videoId":"3C_22eBWpjg","watchEndpointSupportedOnesieConfig":{"html5PlaybackOnesieConfig":{"commonConfig":{"url":"https://rr5---sn-nv47lns6.googlevideo.com/initplayback?source=youtube oeis=1 c=WEB oad=3200 ovd=3200 oaad=11000 oavd=11000 ocs=700 oewis=1 oputc=1 ofpcc=1 msp=1 odepv=1 onvi=1 id=dc2ff6d9e056a638 ip=2a02%3A27aa%3A0%3A0%3A0%3A0%3A0%3Ad49 initcwndbps=2348750 mt=1740321428 oweuc="}}}}}}}]}}},"accessibilityText":"Add to queue","style":"BUTTON_VIEW_MODEL_STYLE_OVERLAY_DARK","trackingParams":"CNQBEPBbIhMIwYnB7YPaiwMVblx6BR3uzA2s","type":"BUTTON_VIEW_MODEL_TYPE_TONAL","buttonSize":"BUTTON_VIEW_MODEL_SIZE_COMPACT","state":"BUTTON_VIEW_MODEL_STATE_ACTIVE"}},"toggledButtonViewModel":{"buttonViewModel":{"iconName":"CHECK","accessibilityText":"Added","style":"BUTTON_VIEW_MODEL_STYLE_OVERLAY_DARK","trackingParams":"CNMBEPBbIhMIwYnB7YPaiwMVblx6BR3uzA2s","type":"BUTTON_VIEW_MODEL_TYPE_TONAL","buttonSize":"BUTTON_VIEW_MODEL_SIZE_COMPACT","state":"BUTTON_VIEW_MODEL_STATE_ACTIVE"}},"isToggled":false,"trackingParams":"CM8BENTEDBgDIhMIwYnB7YPaiwMVblx6BR3uzA2s"}}]}}]}},"metadata":{"lockupMetadataViewModel":{"title":{"content":"How to Properly Layout A Website (For Beginners)"},"image":{"decoratedAvatarViewModel":{"avatar":{"avatarViewModel":{"image":{"sources":[{"url":"https://yt3.ggpht.com/LRdtwMqGxM65lev26bD40rpMr-q6lD7KlyDLeVwDYqk7pZMNQwGD7KW68n2vXOyeHeRIauFk5A=s68-c-k-c0x00ffffff-no-rj","width":68,"height":68}]},"avatarImageSize":"AVATAR_SIZE_M"}},"a11yLabel":"Go to channel","rendererContext":{"commandContext":{"onTap":{"innertubeCommand":{"clickTrackingParams":"CM8BENTEDBgDIhMIwYnB7YPaiwMVblx6BR3uzA2s","commandMetadata":{"webCommandMetadata":{"url":"/@thewebsitearchitect","webPageType":"WEB_PAGE_TYPE_CHANNEL","rootVe":3611,"apiUrl":"/youtubei/v1/browse"}},"browseEndpoint":{"browseId":"UCqy-zv80-uVQETAMNLHJfKQ","canonicalBaseUrl":"/@thewebsitearchitect"}}}}}}},"metadata":{"contentMetadataViewModel":{"metadataRows":[{"metadataParts":[{"text":{"content":"The Website Architect"}}]},{"metadataParts":[{"text":{"content":"718K views"}},{"text":{"content":"2 years ago"}}]}],"delimiter":" • "}},"menuButton":{"buttonViewModel":{"iconName":"MORE_VERT","onTap":{"innertubeCommand":{"clickTrackingParams":"CNABEPBbIhMIwYnB7YPaiwMVblx6BR3uzA2s","showSheetCommand":{"panelLoadingStrategy":{"inlineContent":{"sheetViewModel":{"content":{"listViewModel":{"listItems":[{"listItemViewModel":{"title":{"content":"Add to queue"},"leadingImage":{"sources":[{"clientResource":{"imageName":"ADD_TO_QUEUE_TAIL"}}]},"rendererContext":{"loggingContext":{"loggingDirectives":{"trackingParams":"CNIBEP6YBBgAIhMIwYnB7YPaiwMVblx6BR3uzA2s"}},"commandContext":{"onTap":{"innertubeCommand":{"clickTrackingParams":"CNIBEP6YBBgAIhMIwYnB7YPaiwMVblx6BR3uzA2s","commandMetadata":{"webCommandMetadata":{"sendPost":true}},"signalServiceEndpoint":{"signal":"CLIENT_SIGNAL","actions":[{"clickTrackingParams":"CNIBEP6YBBgAIhMIwYnB7YPaiwMVblx6BR3uzA2s","addToPlaylistCommand":{"openMiniplayer":true,"videoId":"3C_22eBWpjg","listType":"PLAYLIST_EDIT_LIST_TYPE_QUEUE","onCreateListCommand":{"clickTrackingParams":"CNIBEP6YBBgAIhMIwYnB7YPaiwMVblx6BR3uzA2s","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/playlist/create"}},"createPlaylistServiceEndpoint":{"videoIds":["3C_22eBWpjg"],"params":"CAQ%3D"}},"videoIds":["3C_22eBWpjg"],"videoCommand":{"clickTrackingParams":"CNIBEP6YBBgAIhMIwYnB7YPaiwMVblx6BR3uzA2s","commandMetadata":{"webCommandMetadata":{"url":"/watch?v=3C_22eBWpjg","webPageType":"WEB_PAGE_TYPE_WATCH","rootVe":3832}},"watchEndpoint":{"videoId":"3C_22eBWpjg","watchEndpointSupportedOnesieConfig":{"html5PlaybackOnesieConfig":{"commonConfig":{"url":"https://rr5---sn-nv47lns6.googlevideo.com/initplayback?source=youtube oeis=1 c=WEB oad=3200 ovd=3200 oaad=11000 oavd=11000 ocs=700 oewis=1 oputc=1 ofpcc=1 msp=1 odepv=1 onvi=1 id=dc2ff6d9e056a638 ip=2a02%3A27aa%3A0%3A0%3A0%3A0%3A0%3Ad49 initcwndbps=2348750 mt=1740321428 oweuc="}}}}}}}]}}}}}}},{"listItemViewModel":{"title":{"content":"Share"},"leadingImage":{"sources":[{"clientResource":{"imageName":"SHARE"}}]},"rendererContext":{"commandContext":{"onTap":{"innertubeCommand":{"clickTrackingParams":"CNABEPBbIhMIwYnB7YPaiwMVblx6BR3uzA2s","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/share/get_share_panel"}},"shareEntityServiceEndpoint":{"serializedShareEntity":"CgszQ18yMmVCV3BqZw%3D%3D","commands":[{"clickTrackingParams":"CNABEPBbIhMIwYnB7YPaiwMVblx6BR3uzA2s","openPopupAction":{"popup":{"unifiedSharePanelRenderer":{"trackingParams":"CNEBEI5iIhMIwYnB7YPaiwMVblx6BR3uzA2s","showLoadingSpinner":true}},"popupType":"DIALOG","beReused":true}}]}}}}}}}]}}}}}}}},"accessibilityText":"More actions","style":"BUTTON_VIEW_MODEL_STYLE_MONO","trackingParams":"CNABEPBbIhMIwYnB7YPaiwMVblx6BR3uzA2s","type":"BUTTON_VIEW_MODEL_TYPE_TEXT","buttonSize":"BUTTON_VIEW_MODEL_SIZE_DEFAULT","state":"BUTTON_VIEW_MODEL_STATE_ACTIVE"}}}},"contentId":"3C_22eBWpjg","contentType":"LOCKUP_CONTENT_TYPE_VIDEO","rendererContext":{"loggingContext":{"loggingDirectives":{"trackingParams":"CM8BENTEDBgDIhMIwYnB7YPaiwMVblx6BR3uzA2s","clientVeSpec":{"uiType":205396,"veCounter":864710101}}},"accessibilityContext":{"label":"How to Properly Layout A Website (For Beginners) by The Website Architect 718,167 views 2 years ago 14 minutes, 50 seconds"},"commandContext":{"onTap":{"innertubeCommand":{"clickTrackingParams":"CM8BENTEDBgDIhMIwYnB7YPaiwMVblx6BR3uzA2sMgdyZWxhdGVkSOKs64e1wefJxQGaAQUIARD4HQ==","commandMetadata":{"webCommandMetadata":{"url":"/watch?v=3C_22eBWpjg","webPageType":"WEB_PAGE_TYPE_WATCH","rootVe":3832}},"watchEndpoint":{"videoId":"3C_22eBWpjg","nofollow":true,"watchEndpointSupportedOnesieConfig":{"html5PlaybackOnesieConfig":{"commonConfig":{"url":"https://rr5---sn-nv47lns6.googlevideo.com/initplayback?source=youtube oeis=1 c=WEB oad=3200 ovd=3200 oaad=11000 oavd=11000 ocs=700 oewis=1 oputc=1 ofpcc=1 msp=1 odepv=1 onvi=1 id=dc2ff6d9e056a638 ip=2a02%3A27aa%3A0%3A0%3A0%3A0%3A0%3Ad49 initcwndbps=2348750 mt=1740321428 oweuc="}}}}}}}}}},{"lockupViewModel":{"contentImage":{"collectionThumbnailViewModel":{"primaryThumbnail":{"thumbnailViewModel":{"image":{"sources":[{"url":"https://i.ytimg.com/vi/qKoajPPWpmo/hqdefault.jpg?sqp=-oaymwEWCKgBEF5IWvKriqkDCQgBFQAAiEIYAQ== rs=AOn4CLCoWsNg6azQxhDyZ8rYkHJiPUKrJw","width":168,"height":94},{"url":"https://i.ytimg.com/vi/qKoajPPWpmo/hqdefault.jpg?sqp=-oaymwEXCNACELwBSFryq4qpAwkIARUAAIhCGAE= rs=AOn4CLCfSLbkrUeTHEnSJm8Lo-eZDlYmoA","width":336,"height":188}]},"overlays":[{"thumbnailOverlayBadgeViewModel":{"thumbnailBadges":[{"thumbnailBadgeViewModel":{"icon":{"sources":[{"clientResource":{"imageName":"PLAYLISTS"}}]},"text":"84 videos","badgeStyle":"THUMBNAIL_OVERLAY_BADGE_STYLE_DEFAULT","backgroundColor":{"lightTheme":3355443,"darkTheme":3355443}}}],"position":"THUMBNAIL_OVERLAY_BADGE_POSITION_BOTTOM_END"}},{"thumbnailHoverOverlayViewModel":{"icon":{"sources":[{"clientResource":{"imageName":"PLAY_ALL"}}]},"text":{"content":"Play all","styleRuns":[{"startIndex":0,"length":8}]},"style":"THUMBNAIL_HOVER_OVERLAY_STYLE_COVER"}}],"backgroundColor":{"lightTheme":3618615,"darkTheme":3618615}}},"stackColor":{"lightTheme":10066329,"darkTheme":9211020}}},"metadata":{"lockupMetadataViewModel":{"title":{"content":"CSS Tutorial for Beginners"},"metadata":{"contentMetadataViewModel":{"metadataRows":[{"metadataParts":[{"text":{"content":"EJ Media

#############################