CSS3 Responsive Web Design Part 4

############################# Video Source: www.youtube.com/watch?v=6R6QB8Jzm1Y

Welcome to this tutorial on CSS3 Responsive Web Design. In this video, we will explore how to create a responsive website using CSS3. • Responsive web design is an approach to web design that aims to create websites that provide optimal viewing and interaction experience across a wide range of devices, including desktop computers, laptops, tablets, and mobile phones. • In this tutorial, we will cover the following topics: • Introduction to responsive web design • The basic principles of responsive web design • How to use media queries in CSS3 • How to create responsive layouts using CSS3 Grid and Flexbox • How to optimize images and videos for responsive web design • Best practices for designing responsive websites • By the end of this tutorial, you will have a solid understanding of responsive web design and be able to create stunning and responsive websites using CSS3. Whether you are a beginner or an experienced web developer, this tutorial is for you. • So let's dive in and explore the wonderful world of CSS3 Responsive Web Design. Don't forget to like and subscribe for more programming tutorials. Let's get started!","styleRuns":[{"startIndex":0,"length":1122,"styleRunExtensions":{"styleRunColorMapExtension":{"colorMap":[{"key":"USER_INTERFACE_THEME_DARK","value":4294967295},{"key":"USER_INTERFACE_THEME_LIGHT","value":4279440147}]}},"fontFamilyName":"Roboto"}]},"headerRuns":[{"startIndex":0,"length":1122,"headerMapping":"ATTRIBUTED_STRING_HEADER_MAPPING_UNSPECIFIED"}]}},{"itemSectionRenderer":{"contents":[{"continuationItemRenderer":{"trigger":"CONTINUATION_TRIGGER_ON_ITEM_SHOWN","continuationEndpoint":{"clickTrackingParams":"CMQBELsvGAIiEwigxrSpit-JAxWsyk8IHcbiESc=","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/next"}},"continuationCommand":{"token":"Eg0SCzZSNlFCOEp6bTFZGAYyJSIRIgs2UjZRQjhKem0xWTAAeAJCEGNvbW1lbnRzLXNlY3Rpb24%3D","request":"CONTINUATION_REQUEST_TYPE_WATCH_NEXT"}}}}],"trackingParams":"CMQBELsvGAIiEwigxrSpit-JAxWsyk8IHcbiESc=","sectionIdentifier":"comment-item-section","targetId":"comments-section"}}],"trackingParams":"CMMBELovIhMIoMa0qYrfiQMVrMpPCB3G4hEn"}},"secondaryResults":{"secondaryResults":{"results":[{"compactVideoRenderer":{"videoId":"H442ip6MrSM","thumbnail":{"thumbnails":[{"url":"https://i.ytimg.com/vi/H442ip6MrSM/hqdefault.jpg?sqp=-oaymwEbCKgBEF5IVfKriqkDDggBFQAAiEIYAXABwAEG rs=AOn4CLCRiIV4UFpRQWknh9LtS_JtKJEBXQ","width":168,"height":94},{"url":"https://i.ytimg.com/vi/H442ip6MrSM/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg== rs=AOn4CLB8yCwYsVBDGRe0CA8gf9rSLh6kLw","width":336,"height":188}]},"title":{"accessibility":{"accessibilityData":{"label":"CSS3 Responsive Web Design Part 5 by Amit Coding Classes 6,166 views 1 year ago 12 minutes, 43 seconds"}},"simpleText":"CSS3 Responsive Web Design Part 5"},"longBylineText":{"runs":[{"text":"Amit Coding Classes","navigationEndpoint":{"clickTrackingParams":"CLwBEKQwGAAiEwigxrSpit-JAxWsyk8IHcbiEScyB3JlbGF0ZWQ=","commandMetadata":{"webCommandMetadata":{"url":"/@amitcodingclasses","webPageType":"WEB_PAGE_TYPE_CHANNEL","rootVe":3611,"apiUrl":"/youtubei/v1/browse"}},"browseEndpoint":{"browseId":"UC1atIewgI5QqKqIpUMjLYrw","canonicalBaseUrl":"/@amitcodingclasses"}}}]},"publishedTimeText":{"simpleText":"1 year ago"},"viewCountText":{"simpleText":"6,166 views"},"lengthText":{"accessibility":{"accessibilityData":{"label":"12 minutes, 43 seconds"}},"simpleText":"12:43"},"navigationEndpoint":{"clickTrackingParams":"CLwBEKQwGAAiEwigxrSpit-JAxWsyk8IHcbiEScyB3JlbGF0ZWRI1rbOk_yApI_pAZoBBQgBEPgd","commandMetadata":{"webCommandMetadata":{"url":"/watch?v=H442ip6MrSM","webPageType":"WEB_PAGE_TYPE_WATCH","rootVe":3832}},"watchEndpoint":{"videoId":"H442ip6MrSM","nofollow":true,"watchEndpointSupportedOnesieConfig":{"html5PlaybackOnesieConfig":{"commonConfig":{"url":"https://rr1---sn-5hne6nsd.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 id=1f8e368a9e8cad23 ip=185.14.28.206 initcwndbps=651250 mt=1731698721 oweuc="}}}}},"shortBylineText":{"runs":[{"text":"Amit Coding Classes","navigationEndpoint":{"clickTrackingParams":"CLwBEKQwGAAiEwigxrSpit-JAxWsyk8IHcbiEScyB3JlbGF0ZWQ=","commandMetadata":{"webCommandMetadata":{"url":"/@amitcodingclasses","webPageType":"WEB_PAGE_TYPE_CHANNEL","rootVe":3611,"apiUrl":"/youtubei/v1/browse"}},"browseEndpoint":{"browseId":"UC1atIewgI5QqKqIpUMjLYrw","canonicalBaseUrl":"/@amitcodingclasses"}}}]},"channelThumbnail":{"thumbnails":[{"url":"https://yt3.ggpht.com/8Ku1WHulfL-aWXF3BL7srjHsZ_quMv-KPRZfQb5GjuZt17kp7qWq4iuYHLP0IOxWCqUNhR0W=s68-c-k-c0x00ffffff-no-rj","width":68,"height":68}]},"trackingParams":"CLwBEKQwGAAiEwigxrSpit-JAxWsyk8IHcbiESdAo9qy9KnRjccf","shortViewCountText":{"accessibility":{"accessibilityData":{"label":"6.1K views"}},"simpleText":"6.1K views"},"menu":{"menuRenderer":{"items":[{"menuServiceItemRenderer":{"text":{"runs":[{"text":"Add to queue"}]},"icon":{"iconType":"ADD_TO_QUEUE_TAIL"},"serviceEndpoint":{"clickTrackingParams":"CMEBEP6YBBgGIhMIoMa0qYrfiQMVrMpPCB3G4hEn","commandMetadata":{"webCommandMetadata":{"sendPost":true}},"signalServiceEndpoint":{"signal":"CLIENT_SIGNAL","actions":[{"clickTrackingParams":"CMEBEP6YBBgGIhMIoMa0qYrfiQMVrMpPCB3G4hEn","addToPlaylistCommand":{"openMiniplayer":false,"openListPanel":true,"videoId":"H442ip6MrSM","listType":"PLAYLIST_EDIT_LIST_TYPE_QUEUE","onCreateListCommand":{"clickTrackingParams":"CMEBEP6YBBgGIhMIoMa0qYrfiQMVrMpPCB3G4hEn","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/playlist/create"}},"createPlaylistServiceEndpoint":{"videoIds":["H442ip6MrSM"],"params":"CAQ%3D"}},"videoIds":["H442ip6MrSM"]}},{"clickTrackingParams":"CMEBEP6YBBgGIhMIoMa0qYrfiQMVrMpPCB3G4hEn","openPopupAction":{"popup":{"notificationActionRenderer":{"responseText":{"simpleText":"Added to queue"},"trackingParams":"CMIBELlqIhMIoMa0qYrfiQMVrMpPCB3G4hEn"}},"popupType":"TOAST"}}]}},"trackingParams":"CMEBEP6YBBgGIhMIoMa0qYrfiQMVrMpPCB3G4hEn"}},{"menuServiceItemDownloadRenderer":{"serviceEndpoint":{"clickTrackingParams":"CMABENGqBRgHIhMIoMa0qYrfiQMVrMpPCB3G4hEn","offlineVideoEndpoint":{"videoId":"H442ip6MrSM","onAddCommand":{"clickTrackingParams":"CMABENGqBRgHIhMIoMa0qYrfiQMVrMpPCB3G4hEn","getDownloadActionCommand":{"videoId":"H442ip6MrSM","params":"CAIQAA%3D%3D"}}}},"trackingParams":"CMABENGqBRgHIhMIoMa0qYrfiQMVrMpPCB3G4hEn"}},{"menuServiceItemRenderer":{"text":{"runs":[{"text":"Share"}]},"icon":{"iconType":"SHARE"},"serviceEndpoint":{"clickTrackingParams":"CLwBEKQwGAAiEwigxrSpit-JAxWsyk8IHcbiESc=","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/share/get_share_panel"}},"shareEntityServiceEndpoint":{"serializedShareEntity":"CgtINDQyaXA2TXJTTQ%3D%3D","commands":[{"clickTrackingParams":"CLwBEKQwGAAiEwigxrSpit-JAxWsyk8IHcbiESc=","openPopupAction":{"popup":{"unifiedSharePanelRenderer":{"trackingParams":"CL8BEI5iIhMIoMa0qYrfiQMVrMpPCB3G4hEn","showLoadingSpinner":true}},"popupType":"DIALOG","beReused":true}}]}},"trackingParams":"CLwBEKQwGAAiEwigxrSpit-JAxWsyk8IHcbiESc=","hasSeparator":true}}],"trackingParams":"CLwBEKQwGAAiEwigxrSpit-JAxWsyk8IHcbiESc=","accessibility":{"accessibilityData":{"label":"Action menu"}},"targetId":"watch-related-menu-button"}},"thumbnailOverlays":[{"thumbnailOverlayTimeStatusRenderer":{"text":{"accessibility":{"accessibilityData":{"label":"12 minutes, 43 seconds"}},"simpleText":"12:43"},"style":"DEFAULT"}},{"thumbnailOverlayToggleButtonRenderer":{"isToggled":false,"untoggledIcon":{"iconType":"WATCH_LATER"},"toggledIcon":{"iconType":"CHECK"},"untoggledTooltip":"Watch later","toggledTooltip":"Added","untoggledServiceEndpoint":{"clickTrackingParams":"CL4BEPnnAxgBIhMIoMa0qYrfiQMVrMpPCB3G4hEn","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/browse/edit_playlist"}},"playlistEditEndpoint":{"playlistId":"WL","actions":[{"addedVideoId":"H442ip6MrSM","action":"ACTION_ADD_VIDEO"}]}},"toggledServiceEndpoint":{"clickTrackingParams":"CL4BEPnnAxgBIhMIoMa0qYrfiQMVrMpPCB3G4hEn","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/browse/edit_playlist"}},"playlistEditEndpoint":{"playlistId":"WL","actions":[{"action":"ACTION_REMOVE_VIDEO_BY_VIDEO_ID","removedVideoId":"H442ip6MrSM"}]}},"untoggledAccessibility":{"accessibilityData":{"label":"Watch later"}},"toggledAccessibility":{"accessibilityData":{"label":"Added"}},"trackingParams":"CL4BEPnnAxgBIhMIoMa0qYrfiQMVrMpPCB3G4hEn"}},{"thumbnailOverlayToggleButtonRenderer":{"untoggledIcon":{"iconType":"ADD_TO_QUEUE_TAIL"},"toggledIcon":{"iconType":"PLAYLIST_ADD_CHECK"},"untoggledTooltip":"Add to queue","toggledTooltip":"Added","untoggledServiceEndpoint":{"clickTrackingParams":"CL0BEMfsBBgCIhMIoMa0qYrfiQMVrMpPCB3G4hEn","commandMetadata":{"webCommandMetadata":{"sendPost":true}},"signalServiceEndpoint":{"signal":"CLIENT_SIGNAL","actions":[{"clickTrackingParams":"CL0BEMfsBBgCIhMIoMa0qYrfiQMVrMpPCB3G4hEn","addToPlaylistCommand":{"openMiniplayer":false,"openListPanel":true,"videoId":"H442ip6MrSM","listType":"PLAYLIST_EDIT_LIST_TYPE_QUEUE","onCreateListCommand":{"clickTrackingParams":"CL0BEMfsBBgCIhMIoMa0qYrfiQMVrMpPCB3G4hEn","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/playlist/create"}},"createPlaylistServiceEndpoint":{"videoIds":["H442ip6MrSM"],"params":"CAQ%3D"}},"videoIds":["H442ip6MrSM"]}}]}},"untoggledAccessibility":{"accessibilityData":{"label":"Add to queue"}},"toggledAccessibility":{"accessibilityData":{"label":"Added"}},"trackingParams":"CL0BEMfsBBgCIhMIoMa0qYrfiQMVrMpPCB3G4hEn"}},{"thumbnailOverlayNowPlayingRenderer":{"text":{"runs":[{"text":"Now playing"}]}}}],"accessibility":{"accessibilityData":{"label":"CSS3 Responsive Web Design Part 5 - 12 minutes, 43 seconds - Go to channel - Amit Coding Classes - 6.1K views - 1 year ago - play video"}},"richThumbnail":{"movingThumbnailRenderer":{"movingThumbnailDetails":{"thumbnails":[{"url":"https://i.ytimg.com/an_webp/H442ip6MrSM/mqdefault_6s.webp?du=3000 sqp=CNOl3rkG rs=AOn4CLAOrfUmsnkAb3_-FSLL2KOnWdTrng","width":320,"height":180}],"logAsMovingThumbnail":true},"enableHoveredLogging":true,"enableOverlay":true}}}},{"compactVideoRenderer":{"videoId":"YXdW7mGya8A","thumbnail":{"thumbnails":[{"url":"https://i.ytimg.com/vi/YXdW7mGya8A/hqdefault.jpg?sqp=-oaymwEbCKgBEF5IVfKriqkDDggBFQAAiEIYAXABwAEG rs=AOn4CLDv1uU2C-fKdVHAsCXsTu8G1FlAfw","width":168,"height":94},{"url":"https://i.ytimg.com/vi/YXdW7mGya8A/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg== rs=AOn4CLCYfjnue5kpjc1l3nlNzl2rkhLONA","width":336,"height":188}]},"title":{"accessibility":{"accessibilityData":{"label":"CSS3 Animation Part 5 by Amit Coding Classes 5,483 views 1 year ago 37 minutes"}},"simpleText":"CSS3 Animation Part 5"},"longBylineText":{"runs":[{"text":"Amit Coding Classes","navigationEndpoint":{"clickTrackingParams":"CLUBEKQwGAEiEwigxrSpit-JAxWsyk8IHcbiEScyB3JlbGF0ZWQ=","commandMetadata":{"webCommandMetadata":{"url":"/@amitcodingclasses","webPageType":"WEB_PAGE_TYPE_CHANNEL","rootVe":3611,"apiUrl":"/youtubei/v1/browse"}},"browseEndpoint":{"browseId":"UC1atIewgI5QqKqIpUMjLYrw","canonicalBaseUrl":"/@amitcodingclasses"}}}]},"publishedTimeText":{"simpleText":"1 year ago"},"viewCountText":{"simpleText":"5,483 views"},"lengthText":{"accessibility":{"accessibilityData":{"label":"37 minutes, 36 seconds"}},"simpleText":"37:36"},"navigationEndpoint":{"clickTrackingParams":"CLUBEKQwGAEiEwigxrSpit-JAxWsyk8IHcbiEScyB3JlbGF0ZWRI1rbOk_yApI_pAZoBBQgBEPgd","commandMetadata":{"webCommandMetadata":{"url":"/watch?v=YXdW7mGya8A","webPageType":"WEB_PAGE_TYPE_WATCH","rootVe":3832}},"watchEndpoint":{"videoId":"YXdW7mGya8A","nofollow":true,"watchEndpointSupportedOnesieConfig":{"html5PlaybackOnesieConfig":{"commonConfig":{"url":"https://rr2---sn-5hne6nsd.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 id=617756ee61b26bc0 ip=185.14.28.206 initcwndbps=651250 mt=1731698721 oweuc="}}}}},"shortBylineText":{"runs":[{"text":"Amit Coding Classes","navigationEndpoint":{"clickTrackingParams":"CLUBEKQwGAEiEwigxrSpit-JAxWsyk8IHcbiEScyB3JlbGF0ZWQ=","commandMetadata":{"webCommandMetadata":{"url":"/@amitcodingclasses","webPageType":"WEB_PAGE_TYPE_CHANNEL","rootVe":3611,"apiUrl":"/youtubei/v1/browse"}},"browseEndpoint":{"browseId":"UC1atIewgI5QqKqIpUMjLYrw","canonicalBaseUrl":"/@amitcodingclasses"}}}]},"channelThumbnail":{"thumbnails":[{"url":"https://yt3.ggpht.com/8Ku1WHulfL-aWXF3BL7srjHsZ_quMv-KPRZfQb5GjuZt17kp7qWq4iuYHLP0IOxWCqUNhR0W=s68-c-k-c0x00ffffff-no-rj","width":68,"height":68}]},"trackingParams":"CLUBEKQwGAEiEwigxrSpit-JAxWsyk8IHcbiESdAwNfJjebd1bth","shortViewCountText":{"accessibility":{"accessibilityData":{"label":"5.4K views"}},"simpleText":"5.4K views"},"menu":{"menuRenderer":{"items":[{"menuServiceItemRenderer":{"text":{"runs":[{"text":"Add to queue"}]},"icon":{"iconType":"ADD_TO_QUEUE_TAIL"},"serviceEndpoint":{"clickTrackingParams":"CLoBEP6YBBgGIhMIoMa0qYrfiQMVrMpPCB3G4hEn","commandMetadata":{"webCommandMetadata":{"sendPost":true}},"signalServiceEndpoint":{"signal":"CLIENT_SIGNAL","actions":[{"clickTrackingParams":"CLoBEP6YBBgGIhMIoMa0qYrfiQMVrMpPCB3G4hEn","addToPlaylistCommand":{"openMiniplayer":false,"openListPanel":true,"videoId":"YXdW7mGya8A","listType":"PLAYLIST_EDIT_LIST_TYPE_QUEUE","onCreateListCommand":{"clickTrackingParams":"CLoBEP6YBBgGIhMIoMa0qYrfiQMVrMpPCB3G4hEn","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/playlist/create"}},"createPlaylistServiceEndpoint":{"videoIds":["YXdW7mGya8A"],"params":"CAQ%3D"}},"videoIds":["YXdW7mGya8A"]}},{"clickTrackingParams":"CLoBEP6YBBgGIhMIoMa0qYrfiQMVrMpPCB3G4hEn","openPopupAction":{"popup":{"notificationActionRenderer":{"responseText":{"simpleText":"Added to queue"},"trackingParams":"CLsBELlqIhMIoMa0qYrfiQMVrMpPCB3G4hEn"}},"popupType":"TOAST"}}]}},"trackingParams":"CLoBEP6YBBgGIhMIoMa0qYrfiQMVrMpPCB3G4hEn"}},{"menuServiceItemDownloadRenderer":{"serviceEndpoint":{"clickTrackingParams":"CLkBENGqBRgHIhMIoMa0qYrfiQMVrMpPCB3G4hEn","offlineVideoEndpoint":{"videoId":"YXdW7mGya8A","onAddCommand":{"clickTrackingParams":"CLkBENGqBRgHIhMIoMa0qYrfiQMVrMpPCB3G4hEn","getDownloadActionCommand":{"videoId":"YXdW7mGya8A","params":"CAIQAA%3D%3D"}}}},"trackingParams":"CLkBENGqBRgHIhMIoMa0qYrfiQMVrMpPCB3G4hEn"}},{"menuServiceItemRenderer":{"text":{"runs":[{"text":"Share"}]},"icon":{"iconType":"SHARE"},"serviceEndpoint":{"clickTrackingParams":"CLUBEKQwGAEiEwigxrSpit-JAxWsyk8IHcbiESc=","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/share/get_share_panel"}},"shareEntityServiceEndpoint":{"serializedShareEntity":"CgtZWGRXN21HeWE4QQ%3D%3D","commands":[{"clickTrackingParams":"CLUBEKQwGAEiEwigxrSpit-JAxWsyk8IHcbiESc=","openPopupAction":{"popup":{"unifiedSharePanelRenderer":{"trackingParams":"CLgBEI5iIhMIoMa0qYrfiQMVrMpPCB3G4hEn","showLoadingSpinner":true}},"popupType":"DIALOG","beReused":true}}]}},"trackingParams":"CLUBEKQwGAEiEwigxrSpit-JAxWsyk8IHcbiESc=","hasSeparator":true}}],"trackingParams":"CLUBEKQwGAEiEwigxrSpit-JAxWsyk8IHcbiESc=","accessibility":{"accessibilityData":{"label":"Action menu"}}}},"thumbnailOverlays":[{"thumbnailOverlayTimeStatusRenderer":{"text":{"accessibility":{"accessibilityData":{"label":"37 minutes, 36 seconds"}},"simpleText":"37:36"},"style":"DEFAULT"}},{"thumbnailOverlayToggleButtonRenderer":{"isToggled":false,"untoggledIcon":{"iconType":"WATCH_LATER"},"toggledIcon":{"iconType":"CHECK"},"untoggledTooltip":"Watch later","toggledTooltip":"Added","untoggledServiceEndpoint":{"clickTrackingParams":"CLcBEPnnAxgBIhMIoMa0qYrfiQMVrMpPCB3G4hEn","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/browse/edit_playlist"}},"playlistEditEndpoint":{"playlistId":"WL","actions":[{"addedVideoId":"YXdW7mGya8A","action":"ACTION_ADD_VIDEO"}]}},"toggledServiceEndpoint":{"clickTrackingParams":"CLcBEPnnAxgBIhMIoMa0qYrfiQMVrMpPCB3G4hEn","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/browse/edit_playlist"}},"playlistEditEndpoint":{"playlistId":"WL","actions":[{"action":"ACTION_REMOVE_VIDEO_BY_VIDEO_ID","removedVideoId":"YXdW7mGya8A"}]}},"untoggledAccessibility":{"accessibilityData":{"label":"Watch later"}},"toggledAccessibility":{"accessibilityData":{"label":"Added"}},"trackingParams":"CLcBEPnnAxgBIhMIoMa0qYrfiQMVrMpPCB3G4hEn"}},{"thumbnailOverlayToggleButtonRenderer":{"untoggledIcon":{"iconType":"ADD_TO_QUEUE_TAIL"},"toggledIcon":{"iconType":"PLAYLIST_ADD_CHECK"},"untoggledTooltip":"Add to queue","toggledTooltip":"Added","untoggledServiceEndpoint":{"clickTrackingParams":"CLYBEMfsBBgCIhMIoMa0qYrfiQMVrMpPCB3G4hEn","commandMetadata":{"webCommandMetadata":{"sendPost":true}},"signalServiceEndpoint":{"signal":"CLIENT_SIGNAL","actions":[{"clickTrackingParams":"CLYBEMfsBBgCIhMIoMa0qYrfiQMVrMpPCB3G4hEn","addToPlaylistCommand":{"openMiniplayer":false,"openListPanel":true,"videoId":"YXdW7mGya8A","listType":"PLAYLIST_EDIT_LIST_TYPE_QUEUE","onCreateListCommand":{"clickTrackingParams":"CLYBEMfsBBgCIhMIoMa0qYrfiQMVrMpPCB3G4hEn","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/playlist/create"}},"createPlaylistServiceEndpoint":{"videoIds":["YXdW7mGya8A"],"params":"CAQ%3D"}},"videoIds":["YXdW7mGya8A"]}}]}},"untoggledAccessibility":{"accessibilityData":{"label":"Add to queue"}},"toggledAccessibility":{"accessibilityData":{"label":"Added"}},"trackingParams":"CLYBEMfsBBgCIhMIoMa0qYrfiQMVrMpPCB3G4hEn"}},{"thumbnailOverlayNowPlayingRenderer":{"text":{"runs":[{"text":"Now playing"}]}}}],"accessibility":{"accessibilityData":{"label":"CSS3 Animation Part 5 - 37 minutes - Go to channel - Amit Coding Classes - 5.4K views - 1 year ago - play video"}},"richThumbnail":{"movingThumbnailRenderer":{"movingThumbnailDetails":{"thumbnails":[{"url":"https://i.ytimg.com/an_webp/YXdW7mGya8A/mqdefault_6s.webp?du=3000 sqp=COCO3rkG rs=AOn4CLCxYYXscpo7F-r_YCFuyoyUrXRWAA","width":320,"height":180}],"logAsMovingThumbnail":true},"enableHoveredLogging":true,"enableOverlay":true}}}},{"compactVideoRenderer":{"videoId":"G-DdSB5VLAA","thumbnail":{"thumbnails":[{"url":"https://i.ytimg.com/vi/G-DdSB5VLAA/hqdefault.jpg?sqp=-oaymwEbCKgBEF5IVfKriqkDDggBFQAAiEIYAXABwAEG rs=AOn4CLCybobmVSXjkJrNkEmzQy-cGNOG7A","width":168,"height":94},{"url":"https://i.ytimg.com/vi/G-DdSB5VLAA/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg== rs=AOn4CLA85daQvWnWz-m_i37sq8HNh7xmgQ","width":336,"height":188}]},"title":{"accessibility":{"accessibilityData":{"label":"CSS3 Flex by Amit Coding Classes 6,908 views 1 year ago 29 minutes"}},"simpleText":"CSS3 Flex"},"longBylineText":{"runs":[{"text":"Amit Coding Classes","navigationEndpoint":{"clickTrackingParams":"CK4BEKQwGAIiEwigxrSpit-JAxWsyk8IHcbiEScyB3JlbGF0ZWQ=","commandMetadata":{"webCommandMetadata":{"url":"/@amitcodingclasses","webPageType":"WEB_PAGE_TYPE_CHANNEL","rootVe":3611,"apiUrl":"/youtubei/v1/browse"}},"browseEndpoint":{"browseId":"UC1atIewgI5QqKqIpUMjLYrw","canonicalBaseUrl":"/@amitcodingclasses"}}}]},"publishedTimeText":{"simpleText":"1 year ago"},"viewCountText":{"simpleText":"6,908 views"},"lengthText":{"accessibility":{"accessibilityData":{"label":"29 minutes, 54 seconds"}},"simpleText":"29:54"},"navigationEndpoint":{"clickTrackingParams":"CK4BEKQwGAIiEwigxrSpit-JAxWsyk8IHcbiEScyB3JlbGF0ZWRI1rbOk_yApI_pAZoBBQgBEPgd","commandMetadata":{"webCommandMetadata":{"url":"/watch?v=G-DdSB5VLAA","webPageType":"WEB_PAGE_TYPE_WATCH","rootVe":3832}},"watchEndpoint":{"videoId":"G-DdSB5VLAA","nofollow":true,"watchEndpointSupportedOnesieConfig":{"html5PlaybackOnesieConfig":{"commonConfig":{"url":"https://rr1---sn-5hne6nzy.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 id=1be0dd481e552c00 ip=185.14.28.206 initcwndbps=651250 mt=1731698721 oweuc="}}}}},"shortBylineText":{"runs":[{"text":"Amit Coding Classes","navigationEndpoint":{"clickTrackingParams":"CK4BEKQwGAIiEwigxrSpit-JAxWsyk8IHcbiEScyB3JlbGF0ZWQ=","commandMetadata":{"webCommandMetadata":{"url":"/@amitcodingclasses","webPageType":"WEB_PAGE_TYPE_CHANNEL","rootVe":3611,"apiUrl":"/youtubei/v1/browse"}},"browseEndpoint":{"browseId":"UC1atIewgI5QqKqIpUMjLYrw","canonicalBaseUrl":"/@amitcodingclasses"}}}]},"channelThumbnail":{"thumbnails":[{"url":"https://yt3.ggpht.com/8Ku1WHulfL-aWXF3BL7srjHsZ_quMv-KPRZfQb5GjuZt17kp7qWq4iuYHLP0IOxWCqUNhR0W=s68-c-k-c0x00ffffff-no-rj","width":68,"height":68}]},"trackingParams":"CK4BEKQwGAIiEwigxrSpit-JAxWsyk8IHcbiESdAgNjU8oGpt_Ab","shortViewCountText":{"accessibility":{"accessibilityData":{"label":"6.9K views"}},"simpleText":"6.9K views"},"menu":{"menuRenderer":{"items":[{"menuServiceItemRenderer":{"text":{"runs":[{"text":"Add to queue"}]},"icon":{"iconType":"ADD_TO_QUEUE_TAIL"},"serviceEndpoint":{"clickTrackingParams":"CLMBEP6YBBgGIhMIoMa0qYrfiQMVrMpPCB3G4hEn","commandMetadata":{"webCommandMetadata":{"sendPost":true}},"signalServiceEndpoint":{"signal":"CLIENT_SIGNAL","actions":[{"clickTrackingParams":"CLMBEP6YBBgGIhMIoMa0qYrfiQMVrMpPCB3G4hEn","addToPlaylistCommand":{"openMiniplayer":false,"openListPanel":true,"videoId":"G-DdSB5VLAA","listType":"PLAYLIST_EDIT_LIST_TYPE_QUEUE","onCreateListCommand":{"clickTrackingParams":"CLMBEP6YBBgGIhMIoMa0qYrfiQMVrMpPCB3G4hEn","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/playlist/create"}},"createPlaylistServiceEndpoint":{"videoIds":["G-DdSB5VLAA"],"params":"CAQ%3D"}},"videoIds":["G-DdSB5VLAA"]}},{"clickTrackingParams":"CLMBEP6YBBgGIhMIoMa0qYrfiQMVrMpPCB3G4hEn","openPopupAction":{"popup":{"notificationActionRenderer":{"responseText":{"simpleText":"Added to queue"},"trackingParams":"CLQBELlqIhMIoMa0qYrfiQMVrMpPCB3G4hEn"}},"popupType":"TOAST"}}]}},"trackingParams":"CLMBEP6YBBgGIhMIoMa0qYrfiQMVrMpPCB3G4hEn"}},{"menuServiceItemDownloadRenderer":{"serviceEndpoint":{"clickTrackingParams":"CLIBENGqBRgHIhMIoMa0qYrfiQMVrMpPCB3G4hEn","offlineVideoEndpoint":{"videoId":"G-DdSB5VLAA","onAddCommand":{"clickTrackingParams":"CLIBENGqBRgHIhMIoMa0qYrfiQMVrMpPCB3G4hEn","getDownloadActionCommand":{"videoId":"G-DdSB5VLAA","params":"CAIQAA%3D%3D"}}}},"trackingParams":"CLIBENGqBRgHIhMIoMa0qYrfiQMVrMpPCB3G4hEn"}},{"menuServiceItemRenderer":{"text":{"runs":[{"text":"Share"}]},"icon":{"iconType":"SHARE"},"serviceEndpoint":{"clickTrackingParams":"CK4BEKQwGAIiEwigxrSpit-JAxWsyk8IHcbiESc=","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/share/get_share_panel"}},"shareEntityServiceEndpoint":{"serializedShareEntity":"CgtHLURkU0I1VkxBQQ%3D%3D","commands":[{"clickTrackingParams":"CK4BEKQwGAIiEwigxrSpit-JAxWsyk8IHcbiESc=","openPopupAction":{"popup":{"unifiedSharePanelRenderer":{"trackingParams":"CLEBEI5iIhMIoMa0qYrfiQMVrMpPCB3G4hEn","showLoadingSpinner":true}},"popupType":"DIALOG","beReused":true}}]}},"trackingParams":"CK4BEKQwGAIiEwigxrSpit-JAxWsyk8IHcbiESc=","hasSeparator":true}}],"trackingParams":"CK4BEKQwGAIiEwigxrSpit-JAxWsyk8IHcbiESc=","accessibility":{"accessibilityData":{"label":"Action menu"}}}},"thumbnailOverlays":[{"thumbnailOverlayTimeStatusRenderer":{"text":{"accessibility":{"accessibilityData":{"label":"29 minutes, 54 seconds"}},"simpleText":"29:54"},"style":"DEFAULT"}},{"thumbnailOverlayToggleButtonRenderer":{"isToggled":false,"untoggledIcon":{"iconType":"WATCH_LATER"},"toggledIcon":{"iconType":"CHECK"},"untoggledTooltip":"Watch later","toggledTooltip":"Added","untoggledServiceEndpoint":{"clickTrackingParams":"CLABEPnnAxgBIhMIoMa0qYrfiQMVrMpPCB3G4hEn","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/browse/edit_playlist"}},"playlistEditEndpoint":{"playlistId":"WL","actions":[{"addedVideoId":"G-DdSB5VLAA","action":"ACTION_ADD_VIDEO"}]}},"toggledServiceEndpoint":{"clickTrackingParams":"CLABEPnnAxgBIhMIoMa0qYrfiQMVrMpPCB3G4hEn","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/browse/edit_playlist"}},"playlistEditEndpoint":{"playlistId":"WL","actions":[{"action":"ACTION_REMOVE_VIDEO_BY_VIDEO_ID","removedVideoId":"G-DdSB5VLAA"}]}},"untoggledAccessibility":{"accessibilityData":{"label":"Watch later"}},"toggledAccessibility":{"accessibilityData":{"label":"Added"}},"trackingParams":"CLABEPnnAxgBIhMIoMa0qYrfiQMVrMpPCB3G4hEn"}},{"thumbnailOverlayToggleButtonRenderer":{"untoggledIcon":{"iconType":"ADD_TO_QUEUE_TAIL"},"toggledIcon":{"iconType":"PLAYLIST_ADD_CHECK"},"untoggledTooltip":"Add to queue","toggledTooltip":"Added","untoggledServiceEndpoint":{"clickTrackingParams":"CK8BEMfsBBgCIhMIoMa0qYrfiQMVrMpPCB3G4hEn","commandMetadata":{"webCommandMetadata":{"sendPost":true}},"signalServiceEndpoint":{"signal":"CLIENT_SIGNAL","actions":[{"clickTrackingParams":"CK8BEMfsBBgCIhMIoMa0qYrfiQMVrMpPCB3G4hEn","addToPlaylistCommand":{"openMiniplayer":false,"openListPanel":true,"videoId":"G-DdSB5VLAA","listType":"PLAYLIST_EDIT_LIST_TYPE_QUEUE","onCreateListCommand":{"clickTrackingParams":"CK8BEMfsBBgCIhMIoMa0qYrfiQMVrMpPCB3G4hEn","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/playlist/create"}},"createPlaylistServiceEndpoint":{"videoIds":["G-DdSB5VLAA"],"params":"CAQ%3D"}},"videoIds":["G-DdSB5VLAA"]}}]}},"untoggledAccessibility":{"accessibilityData":{"label":"Add to queue"}},"toggledAccessibility":{"accessibilityData":{"label":"Added"}},"trackingParams":"CK8BEMfsBBgCIhMIoMa0qYrfiQMVrMpPCB3G4hEn"}},{"thumbnailOverlayNowPlayingRenderer":{"text":{"runs":[{"text":"Now playing"}]}}}],"accessibility":{"accessibilityData":{"label":"CSS3 Flex - 29 minutes - Go to channel - Amit Coding Classes - 6.9K views - 1 year ago - play video"}},"richThumbnail":{"movingThumbnailRenderer":{"movingThumbnailDetails":{"thumbnails":[{"url":"https://i.ytimg.com/an_webp/G-DdSB5VLAA/mqdefault_6s.webp?du=3000 sqp=COCl3rkG rs=AOn4CLCCCR7QoRDnqInFFkgEhxMkB6HNcQ","width":320,"height":180}],"logAsMovingThumbnail":true},"enableHoveredLogging":true,"enableOverlay":true}}}},{"lockupViewModel":{"contentImage":{"collectionThumbnailViewModel":{"primaryThumbnail":{"thumbnailViewModel":{"image":{"sources":[{"url":"https://i.ytimg.com/vi/S8k6C-R_pV8/hqdefault.jpg?sqp=-oaymwEWCKgBEF5IWvKriqkDCQgBFQAAiEIYAQ== rs=AOn4CLA1TBTrPGfrB4ccgqhFthKZtd3inA","width":168,"height":94},{"url":"https://i.ytimg.com/vi/S8k6C-R_pV8/hqdefault.jpg?sqp=-oaymwEXCNACELwBSFryq4qpAwkIARUAAIhCGAE= rs=AOn4CLCUxVrehdh4zbPXUzP1rJSAd8ADrg","width":336,"height":188}]},"overlays":[{"thumbnailOverlayBadgeViewModel":{"thumbnailBadges":[{"thumbnailBadgeViewModel":{"icon":{"sources":[{"clientResource":{"imageName":"PLAYLISTS"}}]},"text":"22 videos","badgeStyle":"THUMBNAIL_OVERLAY_BADGE_STYLE_DEFAULT","backgroundColor":{"lightTheme":3344135,"darkTheme":3344135}}}],"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":5836045,"darkTheme":5836045}}},"stackColor":{"lightTheme":10054507,"darkTheme":9664118}}},"metadata":{"lockupMetadataViewModel":{"title":{"content":"CSS3 Full Course in Hindi"},"metadata":{"contentMetadataViewModel":{"metadataRows":[{"metadataParts":[{"text":{"content":"STP Computer Education

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

New on site