CSS Essential Training Online Class | LinkedIn Learning, formerly Lynda.com

<!DOCTYPE html> <html lang="en"> <head> <meta name="pageKey" content="d_learning_course_guest">  <meta name="locale" content="en_US"> <meta id="config" data-app-version="2.0.2217" data-call-tree-id="AAYnjHtxV4UUiba6y1tqZA==" data-multiproduct-name="learning-guest-frontend" data-service-name="learning-guest-frontend" data-browser-id="36e85237-6eb2-4a37-8e95-07b9d77cdc33" data-enable-page-view-heartbeat-tracking data-page-instance="urn:li:page:learning_course_guest;Wwm1VbqtR06lzOMx5fkn4g==" data-disable-jsbeacon-pagekey-suffix="false" data-member-id="0"> <link rel="canonical" href="https://www.linkedin.com/learning/css-essential-training-22688362">     <link rel="manifest" href="/homepage-guest/manifest.json" crossorigin="use-credentials">  <script> function getDfd() {let yFn,nFn;const p=new Promise(function(y, n){yFn=y;nFn=n;});p.resolve=yFn;p.reject=nFn;return p;} window.lazyloader = getDfd(); window.tracking = getDfd(); window.impressionTracking = getDfd(); window.ingraphTracking = getDfd(); window.appDetection = getDfd(); window.pemTracking = getDfd(); </script>  <link rel="icon" href="https://static.licdn.com/aero-v1/sc/h/444zstxv7s91nepfm5et6ofge"> <title>CSS Essential Training Online Class | LinkedIn Learning, formerly Lynda.com</title> <meta name="robots" content="noarchive, max-image-preview:large"> <meta name="description" content="Explore the concepts that form the foundation of CSS. Learn how to select content, style text, manage layouts, and more as you work on a series of real-world projects."> <meta property="og:site_name" content="LinkedIn"> <meta name="twitter:site" content="@LI_Learning"> <meta name="twitter:card" content="summary"> <meta name="litmsProfileName" content="learning-guest-frontend"> <meta property="og:title" content="CSS Essential Training Online Class | LinkedIn Learning, formerly Lynda.com"> <meta name="twitter:title" content="CSS Essential Training Online Class | LinkedIn Learning, formerly Lynda.com"> <meta property="og:description" content="Explore the concepts that form the foundation of CSS. Learn how to select content, style text, manage layouts, and more as you work on a series of real-world projects."> <meta name="twitter:description" content="Explore the concepts that form the foundation of CSS. Learn how to select content, style text, manage layouts, and more as you work on a series of real-world projects."> <meta property="og:image" content="https://media.licdn.com/dms/image/v2/D560DAQFbwOobZ3xBZg/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1691438871844?e=2147483647&v=beta&t=klsoR7dlyYB5m4UfG6pT9o2eu4xK-9agetTIp67MNtQ"> <meta name="twitter:image" content="https://media.licdn.com/dms/image/v2/D560DAQFbwOobZ3xBZg/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1691438871844?e=2147483647&v=beta&t=klsoR7dlyYB5m4UfG6pT9o2eu4xK-9agetTIp67MNtQ">  <meta property="og:url" content="https://www.linkedin.com/learning/css-essential-training-22688362"> <meta property="og:type" content="website"> <meta name="clientSideIngraphs" content="1" data-gauge-metric-endpoint="/learning-guest/api/ingraphs/gauge" data-counter-metric-endpoint="/learning-guest/api/ingraphs/counter"> <link rel="stylesheet" href="https://static.licdn.com/aero-v1/sc/h/ccepec31u8riooiwchbtig8m0"> <script type="application/ld+json"> {"@context":"http://schema.org/","@type":"Course","provider":{"@type":"Organization","name":"LinkedIn Learning","url":"https://www.linkedin.com/learning/"},"publisher":{"@type":"Organization","name":"LinkedIn Learning","url":"https://www.linkedin.com/learning/"},"hasCourseInstance":{"@type":"CourseInstance","courseMode":"online","courseWorkload":"PT5H26M58S","instructor":[{"@type":"Person","name":"Christina Truong","description":"Web Developer + Educator","jobTitle":"Web Developer + Educator","url":"https://ca.linkedin.com/in/christinatruong","image":"https://media.licdn.com/dms/image/v2/C5603AQE0cXFz37-7Uw/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1517725238320?e=2147483647&v=beta&t=1qU5TSS6V0qnK1Rmuo7PXEDi-LhEdWclXzp7DmL7bQs"}]},"inLanguage":"en","name":"CSS Essential Training","offers":[{"@type":"Offer","category":"Subscription"},{"@type":"Offer","category":"Paid","price":"249.99","priceCurrency":"HKD"}],"description":"Explore the concepts that form the foundation of CSS. Learn how to select content, style text, manage layouts, and more as you work on a series of real-world projects.","image":"https://media.licdn.com/dms/image/v2/D560DAQFbwOobZ3xBZg/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1691438871844?e=2147483647&v=beta&t=klsoR7dlyYB5m4UfG6pT9o2eu4xK-9agetTIp67MNtQ","creator":[{"@type":"Person","name":"Christina Truong","description":"Web Developer + Educator","jobTitle":"Web Developer + Educator","url":"https://ca.linkedin.com/in/christinatruong","image":"https://media.licdn.com/dms/image/v2/C5603AQE0cXFz37-7Uw/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1517725238320?e=2147483647&v=beta&t=1qU5TSS6V0qnK1Rmuo7PXEDi-LhEdWclXzp7DmL7bQs"}],"author":[{"@type":"Person","name":"Christina Truong","description":"Web Developer + Educator","jobTitle":"Web Developer + Educator","url":"https://ca.linkedin.com/in/christinatruong","image":"https://media.licdn.com/dms/image/v2/C5603AQE0cXFz37-7Uw/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1517725238320?e=2147483647&v=beta&t=1qU5TSS6V0qnK1Rmuo7PXEDi-LhEdWclXzp7DmL7bQs"}],"dateCreated":"2023-08-09","datePublished":"2023-08-09","thumbnailUrl":"https://media.licdn.com/dms/image/v2/D560DAQFbwOobZ3xBZg/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1691438871844?e=2147483647&v=beta&t=klsoR7dlyYB5m4UfG6pT9o2eu4xK-9agetTIp67MNtQ","timeRequired":"PT5H26M58S","totalHistoricalEnrollment":40796,"url":"https://www.linkedin.com/learning/css-essential-training-22688362","about":[{"@type":"Thing","url":"https://www.linkedin.com/learning/topics/css-2","name":"Cascading Style Sheets (CSS)"}],"hasPart":[[{"@type":"VideoObject","name":"Getting started with CSS - Introduction","author":{"@type":"Person","name":"Christina Truong","description":"Web Developer + Educator","jobTitle":"Web Developer + Educator","url":"https://ca.linkedin.com/in/christinatruong","image":"https://media.licdn.com/dms/image/v2/C5603AQE0cXFz37-7Uw/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1517725238320?e=2147483647&v=beta&t=1qU5TSS6V0qnK1Rmuo7PXEDi-LhEdWclXzp7DmL7bQs"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/D560DAQFbwOobZ3xBZg/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1691438871844?e=2147483647&v=beta&t=klsoR7dlyYB5m4UfG6pT9o2eu4xK-9agetTIp67MNtQ","description":"Explore the concepts that form the foundation of CSS. Learn how to select content, style text, manage layouts, and more as you work on a series of real-world projects.","duration":"PT43S","datePublished":"2023-08-09","uploadDate":"2023-08-09","requiresSubscription":false,"isAccessibleForFree":true,"contentUrl":"https://www.linkedin.com/learning/css-essential-training-22688362/getting-started-with-css"},{"@type":"VideoObject","name":"What you should know - Introduction","author":{"@type":"Person","name":"Christina Truong","description":"Web Developer + Educator","jobTitle":"Web Developer + Educator","url":"https://ca.linkedin.com/in/christinatruong","image":"https://media.licdn.com/dms/image/v2/C5603AQE0cXFz37-7Uw/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1517725238320?e=2147483647&v=beta&t=1qU5TSS6V0qnK1Rmuo7PXEDi-LhEdWclXzp7DmL7bQs"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/D560DAQFbwOobZ3xBZg/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1691438871844?e=2147483647&v=beta&t=klsoR7dlyYB5m4UfG6pT9o2eu4xK-9agetTIp67MNtQ","description":"Explore the concepts that form the foundation of CSS. Learn how to select content, style text, manage layouts, and more as you work on a series of real-world projects.","duration":"PT26S","datePublished":"2023-08-09","uploadDate":"2023-08-09","requiresSubscription":false,"isAccessibleForFree":true,"contentUrl":"https://www.linkedin.com/learning/css-essential-training-22688362/what-you-should-know"},{"@type":"VideoObject","name":"How to complete the exercises - Introduction","author":{"@type":"Person","name":"Christina Truong","description":"Web Developer + Educator","jobTitle":"Web Developer + Educator","url":"https://ca.linkedin.com/in/christinatruong","image":"https://media.licdn.com/dms/image/v2/C5603AQE0cXFz37-7Uw/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1517725238320?e=2147483647&v=beta&t=1qU5TSS6V0qnK1Rmuo7PXEDi-LhEdWclXzp7DmL7bQs"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/D560DAQFbwOobZ3xBZg/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1691438871844?e=2147483647&v=beta&t=klsoR7dlyYB5m4UfG6pT9o2eu4xK-9agetTIp67MNtQ","description":"Explore the concepts that form the foundation of CSS. Learn how to select content, style text, manage layouts, and more as you work on a series of real-world projects.","duration":"PT1M29S","datePublished":"2023-08-09","uploadDate":"2023-08-09","requiresSubscription":false,"isAccessibleForFree":true,"contentUrl":"https://www.linkedin.com/learning/css-essential-training-22688362/how-to-complete-the-exercises"}],[{"@type":"VideoObject","name":"HTML and CSS - 1. Getting Started","author":{"@type":"Person","name":"Christina Truong","description":"Web Developer + Educator","jobTitle":"Web Developer + Educator","url":"https://ca.linkedin.com/in/christinatruong","image":"https://media.licdn.com/dms/image/v2/C5603AQE0cXFz37-7Uw/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1517725238320?e=2147483647&v=beta&t=1qU5TSS6V0qnK1Rmuo7PXEDi-LhEdWclXzp7DmL7bQs"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/D560DAQFbwOobZ3xBZg/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1691438871844?e=2147483647&v=beta&t=klsoR7dlyYB5m4UfG6pT9o2eu4xK-9agetTIp67MNtQ","description":"Explore the concepts that form the foundation of CSS. Learn how to select content, style text, manage layouts, and more as you work on a series of real-world projects.","duration":"PT1M10S","datePublished":"2023-08-09","uploadDate":"2023-08-09","requiresSubscription":false,"isAccessibleForFree":true,"contentUrl":"https://www.linkedin.com/learning/css-essential-training-22688362/html-and-css"},{"@type":"VideoObject","name":"Working with website files - 1. Getting Started","author":{"@type":"Person","name":"Christina Truong","description":"Web Developer + Educator","jobTitle":"Web Developer + Educator","url":"https://ca.linkedin.com/in/christinatruong","image":"https://media.licdn.com/dms/image/v2/C5603AQE0cXFz37-7Uw/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1517725238320?e=2147483647&v=beta&t=1qU5TSS6V0qnK1Rmuo7PXEDi-LhEdWclXzp7DmL7bQs"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/D560DAQFbwOobZ3xBZg/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1691438871844?e=2147483647&v=beta&t=klsoR7dlyYB5m4UfG6pT9o2eu4xK-9agetTIp67MNtQ","description":"Explore the concepts that form the foundation of CSS. Learn how to select content, style text, manage layouts, and more as you work on a series of real-world projects.","duration":"PT3M25S","datePublished":"2023-08-09","uploadDate":"2023-08-09","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://www.linkedin.com/learning/css-essential-training-22688362/working-with-website-files"},{"@type":"VideoObject","name":"Writing code with a text editor - 1. Getting Started","author":{"@type":"Person","name":"Christina Truong","description":"Web Developer + Educator","jobTitle":"Web Developer + Educator","url":"https://ca.linkedin.com/in/christinatruong","image":"https://media.licdn.com/dms/image/v2/C5603AQE0cXFz37-7Uw/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1517725238320?e=2147483647&v=beta&t=1qU5TSS6V0qnK1Rmuo7PXEDi-LhEdWclXzp7DmL7bQs"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/D560DAQFbwOobZ3xBZg/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1691438871844?e=2147483647&v=beta&t=klsoR7dlyYB5m4UfG6pT9o2eu4xK-9agetTIp67MNtQ","description":"Explore the concepts that form the foundation of CSS. Learn how to select content, style text, manage layouts, and more as you work on a series of real-world projects.","duration":"PT3M40S","datePublished":"2023-08-09","uploadDate":"2023-08-09","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://www.linkedin.com/learning/css-essential-training-22688362/writing-code-with-a-text-editor"},{"@type":"VideoObject","name":"Customizing your text editor - 1. Getting Started","author":{"@type":"Person","name":"Christina Truong","description":"Web Developer + Educator","jobTitle":"Web Developer + Educator","url":"https://ca.linkedin.com/in/christinatruong","image":"https://media.licdn.com/dms/image/v2/C5603AQE0cXFz37-7Uw/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1517725238320?e=2147483647&v=beta&t=1qU5TSS6V0qnK1Rmuo7PXEDi-LhEdWclXzp7DmL7bQs"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/D560DAQFbwOobZ3xBZg/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1691438871844?e=2147483647&v=beta&t=klsoR7dlyYB5m4UfG6pT9o2eu4xK-9agetTIp67MNtQ","description":"Explore the concepts that form the foundation of CSS. Learn how to select content, style text, manage layouts, and more as you work on a series of real-world projects.","duration":"PT3M29S","datePublished":"2023-08-09","uploadDate":"2023-08-09","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://www.linkedin.com/learning/css-essential-training-22688362/customizing-your-text-editor"},{"@type":"VideoObject","name":"Project: Overview and setup - 1. Getting Started","author":{"@type":"Person","name":"Christina Truong","description":"Web Developer + Educator","jobTitle":"Web Developer + Educator","url":"https://ca.linkedin.com/in/christinatruong","image":"https://media.licdn.com/dms/image/v2/C5603AQE0cXFz37-7Uw/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1517725238320?e=2147483647&v=beta&t=1qU5TSS6V0qnK1Rmuo7PXEDi-LhEdWclXzp7DmL7bQs"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/D560DAQFbwOobZ3xBZg/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1691438871844?e=2147483647&v=beta&t=klsoR7dlyYB5m4UfG6pT9o2eu4xK-9agetTIp67MNtQ","description":"Explore the concepts that form the foundation of CSS. Learn how to select content, style text, manage layouts, and more as you work on a series of real-world projects.","duration":"PT7M46S","datePublished":"2023-08-09","uploadDate":"2023-08-09","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://www.linkedin.com/learning/css-essential-training-22688362/project-overview-and-setup"},{"@type":"VideoObject","name":"Where to find images - 1. Getting Started","author":{"@type":"Person","name":"Christina Truong","description":"Web Developer + Educator","jobTitle":"Web Developer + Educator","url":"https://ca.linkedin.com/in/christinatruong","image":"https://media.licdn.com/dms/image/v2/C5603AQE0cXFz37-7Uw/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1517725238320?e=2147483647&v=beta&t=1qU5TSS6V0qnK1Rmuo7PXEDi-LhEdWclXzp7DmL7bQs"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/D560DAQFbwOobZ3xBZg/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1691438871844?e=2147483647&v=beta&t=klsoR7dlyYB5m4UfG6pT9o2eu4xK-9agetTIp67MNtQ","description":"Explore the concepts that form the foundation of CSS. Learn how to select content, style text, manage layouts, and more as you work on a series of real-world projects.","duration":"PT2M52S","datePublished":"2023-08-09","uploadDate":"2023-08-09","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://www.linkedin.com/learning/css-essential-training-22688362/where-to-find-images"},{"@type":"VideoObject","name":"Optimizing images for the web - 1. Getting Started","author":{"@type":"Person","name":"Christina Truong","description":"Web Developer + Educator","jobTitle":"Web Developer + Educator","url":"https://ca.linkedin.com/in/christinatruong","image":"https://media.licdn.com/dms/image/v2/C5603AQE0cXFz37-7Uw/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1517725238320?e=2147483647&v=beta&t=1qU5TSS6V0qnK1Rmuo7PXEDi-LhEdWclXzp7DmL7bQs"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/D560DAQFbwOobZ3xBZg/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1691438871844?e=2147483647&v=beta&t=klsoR7dlyYB5m4UfG6pT9o2eu4xK-9agetTIp67MNtQ","description":"Explore the concepts that form the foundation of CSS. Learn how to select content, style text, manage layouts, and more as you work on a series of real-world projects.","duration":"PT3M41S","datePublished":"2023-08-09","uploadDate":"2023-08-09","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://www.linkedin.com/learning/css-essential-training-22688362/optimizing-images-for-the-web"},{"@type":"VideoObject","name":"Relative and absolute paths - 1. Getting Started","author":{"@type":"Person","name":"Christina Truong","description":"Web Developer + Educator","jobTitle":"Web Developer + Educator","url":"https://ca.linkedin.com/in/christinatruong","image":"https://media.licdn.com/dms/image/v2/C5603AQE0cXFz37-7Uw/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1517725238320?e=2147483647&v=beta&t=1qU5TSS6V0qnK1Rmuo7PXEDi-LhEdWclXzp7DmL7bQs"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/D560DAQFbwOobZ3xBZg/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1691438871844?e=2147483647&v=beta&t=klsoR7dlyYB5m4UfG6pT9o2eu4xK-9agetTIp67MNtQ","description":"Explore the concepts that form the foundation of CSS. Learn how to select content, style text, manage layouts, and more as you work on a series of real-world projects.","duration":"PT2M43S","datePublished":"2023-08-09","uploadDate":"2023-08-09","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://www.linkedin.com/learning/css-essential-training-22688362/relative-and-absolute-paths"},{"@type":"VideoObject","name":"Project: Adding images and icons - 1. Getting Started","author":{"@type":"Person","name":"Christina Truong","description":"Web Developer + Educator","jobTitle":"Web Developer + Educator","url":"https://ca.linkedin.com/in/christinatruong","image":"https://media.licdn.com/dms/image/v2/C5603AQE0cXFz37-7Uw/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1517725238320?e=2147483647&v=beta&t=1qU5TSS6V0qnK1Rmuo7PXEDi-LhEdWclXzp7DmL7bQs"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/D560DAQFbwOobZ3xBZg/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1691438871844?e=2147483647&v=beta&t=klsoR7dlyYB5m4UfG6pT9o2eu4xK-9agetTIp67MNtQ","description":"Explore the concepts that form the foundation of CSS. Learn how to select content, style text, manage layouts, and more as you work on a series of real-world projects.","duration":"PT7M13S","datePublished":"2023-08-09","uploadDate":"2023-08-09","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://www.linkedin.com/learning/css-essential-training-22688362/project-adding-images-and-icons"},{"@type":"VideoObject","name":"Referencing CSS - 1. Getting Started","author":{"@type":"Person","name":"Christina Truong","description":"Web Developer + Educator","jobTitle":"Web Developer + Educator","url":"https://ca.linkedin.com/in/christinatruong","image":"https://media.licdn.com/dms/image/v2/C5603AQE0cXFz37-7Uw/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1517725238320?e=2147483647&v=beta&t=1qU5TSS6V0qnK1Rmuo7PXEDi-LhEdWclXzp7DmL7bQs"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/D560DAQFbwOobZ3xBZg/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1691438871844?e=2147483647&v=beta&t=klsoR7dlyYB5m4UfG6pT9o2eu4xK-9agetTIp67MNtQ","description":"Explore the concepts that form the foundation of CSS. Learn how to select content, style text, manage layouts, and more as you work on a series of real-world projects.","duration":"PT2M44S","datePublished":"2023-08-09","uploadDate":"2023-08-09","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://www.linkedin.com/learning/css-essential-training-22688362/referencing-css"},{"@type":"VideoObject","name":"Project: Creating a CSS file - 1. Getting Started","author":{"@type":"Person","name":"Christina Truong","description":"Web Developer + Educator","jobTitle":"Web Developer + Educator","url":"https://ca.linkedin.com/in/christinatruong","image":"https://media.licdn.com/dms/image/v2/C5603AQE0cXFz37-7Uw/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1517725238320?e=2147483647&v=beta&t=1qU5TSS6V0qnK1Rmuo7PXEDi-LhEdWclXzp7DmL7bQs"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/D560DAQFbwOobZ3xBZg/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1691438871844?e=2147483647&v=beta&t=klsoR7dlyYB5m4UfG6pT9o2eu4xK-9agetTIp67MNtQ","description":"Explore the concepts that form the foundation of CSS. Learn how to select content, style text, manage layouts, and more as you work on a series of real-world projects.","duration":"PT3M4S","datePublished":"2023-08-09","uploadDate":"2023-08-09","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://www.linkedin.com/learning/css-essential-training-22688362/project-creating-a-css-file"}],[{"@type":"VideoObject","name":"CSS specifications and the W3C - 2. CSS Core Concepts","author":{"@type":"Person","name":"Christina Truong","description":"Web Developer + Educator","jobTitle":"Web Developer + Educator","url":"https://ca.linkedin.com/in/christinatruong","image":"https://media.licdn.com/dms/image/v2/C5603AQE0cXFz37-7Uw/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1517725238320?e=2147483647&v=beta&t=1qU5TSS6V0qnK1Rmuo7PXEDi-LhEdWclXzp7DmL7bQs"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/D560DAQFbwOobZ3xBZg/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1691438871844?e=2147483647&v=beta&t=klsoR7dlyYB5m4UfG6pT9o2eu4xK-9agetTIp67MNtQ","description":"Explore the concepts that form the foundation of CSS. Learn how to select content, style text, manage layouts, and more as you work on a series of real-world projects.","duration":"PT3M12S","datePublished":"2023-08-09","uploadDate":"2023-08-09","requiresSubscription":false,"isAccessibleForFree":true,"contentUrl":"https://www.linkedin.com/learning/css-essential-training-22688362/css-specifications-and-the-w3c"},{"@type":"VideoObject","name":"CSS syntax and terminology - 2. CSS Core Concepts","author":{"@type":"Person","name":"Christina Truong","description":"Web Developer + Educator","jobTitle":"Web Developer + Educator","url":"https://ca.linkedin.com/in/christinatruong","image":"https://media.licdn.com/dms/image/v2/C5603AQE0cXFz37-7Uw/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1517725238320?e=2147483647&v=beta&t=1qU5TSS6V0qnK1Rmuo7PXEDi-LhEdWclXzp7DmL7bQs"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/D560DAQFbwOobZ3xBZg/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1691438871844?e=2147483647&v=beta&t=klsoR7dlyYB5m4UfG6pT9o2eu4xK-9agetTIp67MNtQ","description":"Explore the concepts that form the foundation of CSS. Learn how to select content, style text, manage layouts, and more as you work on a series of real-world projects.","duration":"PT4M2S","datePublished":"2023-08-09","uploadDate":"2023-08-09","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://www.linkedin.com/learning/css-essential-training-22688362/css-syntax-and-terminology"},{"@type":"VideoObject","name":"CSS values and units - 2. CSS Core Concepts","author":{"@type":"Person","name":"Christina Truong","description":"Web Developer + Educator","jobTitle":"Web Developer + Educator","url":"https://ca.linkedin.com/in/christinatruong","image":"https://media.licdn.com/dms/image/v2/C5603AQE0cXFz37-7Uw/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1517725238320?e=2147483647&v=beta&t=1qU5TSS6V0qnK1Rmuo7PXEDi-LhEdWclXzp7DmL7bQs"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/D560DAQFbwOobZ3xBZg/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1691438871844?e=2147483647&v=beta&t=klsoR7dlyYB5m4UfG6pT9o2eu4xK-9agetTIp67MNtQ","description":"Explore the concepts that form the foundation of CSS. Learn how to select content, style text, manage layouts, and more as you work on a series of real-world projects.","duration":"PT3M33S","datePublished":"2023-08-09","uploadDate":"2023-08-09","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://www.linkedin.com/learning/css-essential-training-22688362/css-values-and-units"},{"@type":"VideoObject","name":"The color property and values - 2. CSS Core Concepts","author":{"@type":"Person","name":"Christina Truong","description":"Web Developer + Educator","jobTitle":"Web Developer + Educator","url":"https://ca.linkedin.com/in/christinatruong","image":"https://media.licdn.com/dms/image/v2/C5603AQE0cXFz37-7Uw/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1517725238320?e=2147483647&v=beta&t=1qU5TSS6V0qnK1Rmuo7PXEDi-LhEdWclXzp7DmL7bQs"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/D560DAQFbwOobZ3xBZg/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1691438871844?e=2147483647&v=beta&t=klsoR7dlyYB5m4UfG6pT9o2eu4xK-9agetTIp67MNtQ","description":"Explore the concepts that form the foundation of CSS. Learn how to select content, style text, manage layouts, and more as you work on a series of real-world projects.","duration":"PT4M31S","datePublished":"2023-08-09","uploadDate":"2023-08-09","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://www.linkedin.com/learning/css-essential-training-22688362/the-color-property-and-values"},{"@type":"VideoObject","name":"Creating a color palette - 2. CSS Core Concepts","author":{"@type":"Person","name":"Christina Truong","description":"Web Developer + Educator","jobTitle":"Web Developer + Educator","url":"https://ca.linkedin.com/in/christinatruong","image":"https://media.licdn.com/dms/image/v2/C5603AQE0cXFz37-7Uw/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1517725238320?e=2147483647&v=beta&t=1qU5TSS6V0qnK1Rmuo7PXEDi-LhEdWclXzp7DmL7bQs"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/D560DAQFbwOobZ3xBZg/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1691438871844?e=2147483647&v=beta&t=klsoR7dlyYB5m4UfG6pT9o2eu4xK-9agetTIp67MNtQ","description":"Explore the concepts that form the foundation of CSS. Learn how to select content, style text, manage layouts, and more as you work on a series of real-world projects.","duration":"PT1M52S","datePublished":"2023-08-09","uploadDate":"2023-08-09","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://www.linkedin.com/learning/css-essential-training-22688362/creating-a-color-palette"},{"@type":"VideoObject","name":"Type and universal selectors - 2. CSS Core Concepts","author":{"@type":"Person","name":"Christina Truong","description":"Web Developer + Educator","jobTitle":"Web Developer + Educator","url":"https://ca.linkedin.com/in/christinatruong","image":"https://media.licdn.com/dms/image/v2/C5603AQE0cXFz37-7Uw/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1517725238320?e=2147483647&v=beta&t=1qU5TSS6V0qnK1Rmuo7PXEDi-LhEdWclXzp7DmL7bQs"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/D560DAQFbwOobZ3xBZg/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1691438871844?e=2147483647&v=beta&t=klsoR7dlyYB5m4UfG6pT9o2eu4xK-9agetTIp67MNtQ","description":"Explore the concepts that form the foundation of CSS. Learn how to select content, style text, manage layouts, and more as you work on a series of real-world projects.","duration":"PT3M16S","datePublished":"2023-08-09","uploadDate":"2023-08-09","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://www.linkedin.com/learning/css-essential-training-22688362/type-and-universal-selectors"},{"@type":"VideoObject","name":"ID selectors - 2. CSS Core Concepts","author":{"@type":"Person","name":"Christina Truong","description":"Web Developer + Educator","jobTitle":"Web Developer + Educator","url":"https://ca.linkedin.com/in/christinatruong","image":"https://media.licdn.com/dms/image/v2/C5603AQE0cXFz37-7Uw/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1517725238320?e=2147483647&v=beta&t=1qU5TSS6V0qnK1Rmuo7PXEDi-LhEdWclXzp7DmL7bQs"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/D560DAQFbwOobZ3xBZg/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1691438871844?e=2147483647&v=beta&t=klsoR7dlyYB5m4UfG6pT9o2eu4xK-9agetTIp67MNtQ","description":"Explore the concepts that form the foundation of CSS. Learn how to select content, style text, manage layouts, and more as you work on a series of real-world projects.","duration":"PT2M34S","datePublished":"2023-08-09","uploadDate":"2023-08-09","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://www.linkedin.com/learning/css-essential-training-22688362/id-selectors"},{"@type":"VideoObject","name":"Class selectors - 2. CSS Core Concepts","author":{"@type":"Person","name":"Christina Truong","description":"Web Developer + Educator","jobTitle":"Web Developer + Educator","url":"https://ca.linkedin.com/in/christinatruong","image":"https://media.licdn.com/dms/image/v2/C5603AQE0cXFz37-7Uw/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1517725238320?e=2147483647&v=beta&t=1qU5TSS6V0qnK1Rmuo7PXEDi-LhEdWclXzp7DmL7bQs"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/D560DAQFbwOobZ3xBZg/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1691438871844?e=2147483647&v=beta&t=klsoR7dlyYB5m4UfG6pT9o2eu4xK-9agetTIp67MNtQ","description":"Explore the concepts that form the foundation of CSS. Learn how to select content, style text, manage layouts, and more as you work on a series of real-world projects.","duration":"PT3M17S","datePublished":"2023-08-09","uploadDate":"2023-08-09","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://www.linkedin.com/learning/css-essential-training-22688362/class-selectors"},{"@type":"VideoObject","name":"Descendant combinators and selector lists - 2. CSS Core Concepts","author":{"@type":"Person","name":"Christina Truong","description":"Web Developer + Educator","jobTitle":"Web Developer + Educator","url":"https://ca.linkedin.com/in/christinatruong","image":"https://media.licdn.com/dms/image/v2/C5603AQE0cXFz37-7Uw/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1517725238320?e=2147483647&v=beta&t=1qU5TSS6V0qnK1Rmuo7PXEDi-LhEdWclXzp7DmL7bQs"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/D560DAQFbwOobZ3xBZg/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1691438871844?e=2147483647&v=beta&t=klsoR7dlyYB5m4UfG6pT9o2eu4xK-9agetTIp67MNtQ","description":"Explore the concepts that form the foundation of CSS. Learn how to select content, style text, manage layouts, and more as you work on a series of real-world projects.","duration":"PT2M56S","datePublished":"2023-08-09","uploadDate":"2023-08-09","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://www.linkedin.com/learning/css-essential-training-22688362/descendant-combinators-and-selector-lists"},{"@type":"VideoObject","name":"The background property - 2. CSS Core Concepts","author":{"@type":"Person","name":"Christina Truong","description":"Web Developer + Educator","jobTitle":"Web Developer + Educator","url":"https://ca.linkedin.com/in/christinatruong","image":"https://media.licdn.com/dms/image/v2/C5603AQE0cXFz37-7Uw/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1517725238320?e=2147483647&v=beta&t=1qU5TSS6V0qnK1Rmuo7PXEDi-LhEdWclXzp7DmL7bQs"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/D560DAQFbwOobZ3xBZg/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1691438871844?e=2147483647&v=beta&t=klsoR7dlyYB5m4UfG6pT9o2eu4xK-9agetTIp67MNtQ","description":"Explore the concepts that form the foundation of CSS. Learn how to select content, style text, manage layouts, and more as you work on a series of real-world projects.","duration":"PT4M39S","datePublished":"2023-08-09","uploadDate":"2023-08-09","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://www.linkedin.com/learning/css-essential-training-22688362/the-background-property"},{"@type":"VideoObject","name":"Project: Prepping the CSS file - 2. CSS Core Concepts","author":{"@type":"Person","name":"Christina Truong","description":"Web Developer + Educator","jobTitle":"Web Developer + Educator","url":"https://ca.linkedin.com/in/christinatruong","image":"https://media.licdn.com/dms/image/v2/C5603AQE0cXFz37-7Uw/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1517725238320?e=2147483647&v=beta&t=1qU5TSS6V0qnK1Rmuo7PXEDi-LhEdWclXzp7DmL7bQs"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/D560DAQFbwOobZ3xBZg/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1691438871844?e=2147483647&v=beta&t=klsoR7dlyYB5m4UfG6pT9o2eu4xK-9agetTIp67MNtQ","description":"Explore the concepts that form the foundation of CSS. Learn how to select content, style text, manage layouts, and more as you work on a series of real-world projects.","duration":"PT4M5S","datePublished":"2023-08-09","uploadDate":"2023-08-09","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://www.linkedin.com/learning/css-essential-training-22688362/project-prepping-the-css-file"},{"@type":"VideoObject","name":"Project: Adding background styles - 2. CSS Core Concepts","author":{"@type":"Person","name":"Christina Truong","description":"Web Developer + Educator","jobTitle":"Web Developer + Educator","url":"https://ca.linkedin.com/in/christinatruong","image":"https://media.licdn.com/dms/image/v2/C5603AQE0cXFz37-7Uw/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1517725238320?e=2147483647&v=beta&t=1qU5TSS6V0qnK1Rmuo7PXEDi-LhEdWclXzp7DmL7bQs"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/D560DAQFbwOobZ3xBZg/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1691438871844?e=2147483647&v=beta&t=klsoR7dlyYB5m4UfG6pT9o2eu4xK-9agetTIp67MNtQ","description":"Explore the concepts that form the foundation of CSS. Learn how to select content, style text, manage layouts, and more as you work on a series of real-world projects.","duration":"PT7M39S","datePublished":"2023-08-09","uploadDate":"2023-08-09","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://www.linkedin.com/learning/css-essential-training-22688362/project-adding-background-styles"},{"@type":"VideoObject","name":"Pseudo-classes and pseudo-elements - 2. CSS Core Concepts","author":{"@type":"Person","name":"Christina Truong","description":"Web Developer + Educator","jobTitle":"Web Developer + Educator","url":"https://ca.linkedin.com/in/christinatruong","image":"https://media.licdn.com/dms/image/v2/C5603AQE0cXFz37-7Uw/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1517725238320?e=2147483647&v=beta&t=1qU5TSS6V0qnK1Rmuo7PXEDi-LhEdWclXzp7DmL7bQs"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/D560DAQFbwOobZ3xBZg/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1691438871844?e=2147483647&v=beta&t=klsoR7dlyYB5m4UfG6pT9o2eu4xK-9agetTIp67MNtQ","description":"Explore the concepts that form the foundation of CSS. Learn how to select content, style text, manage layouts, and more as you work on a series of real-world projects.","duration":"PT4M30S","datePublished":"2023-08-09","uploadDate":"2023-08-09","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://www.linkedin.com/learning/css-essential-training-22688362/pseudo-classes-and-pseudo-elements"},{"@type":"VideoObject","name":"Inheritance and the cascade - 2. CSS Core Concepts","author":{"@type":"Person","name":"Christina Truong","description":"Web Developer + Educator","jobTitle":"Web Developer + Educator","url":"https://ca.linkedin.com/in/christinatruong","image":"https://media.licdn.com/dms/image/v2/C5603AQE0cXFz37-7Uw/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1517725238320?e=2147483647&v=beta&t=1qU5TSS6V0qnK1Rmuo7PXEDi-LhEdWclXzp7DmL7bQs"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/D560DAQFbwOobZ3xBZg/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1691438871844?e=2147483647&v=beta&t=klsoR7dlyYB5m4UfG6pT9o2eu4xK-9agetTIp67MNtQ","description":"Explore the concepts that form the foundation of CSS. Learn how to select content, style text, manage layouts, and more as you work on a series of real-world projects.","duration":"PT2M20S","datePublished":"2023-08-09","uploadDate":"2023-08-09","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://www.linkedin.com/learning/css-essential-training-22688362/inheritance-and-the-cascade"},{"@type":"VideoObject","name":"Specificity - 2. CSS Core Concepts","author":{"@type":"Person","name":"Christina Truong","description":"Web Developer + Educator","jobTitle":"Web Developer + Educator","url":"https://ca.linkedin.com/in/christinatruong","image":"https://media.licdn.com/dms/image/v2/C5603AQE0cXFz37-7Uw/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1517725238320?e=2147483647&v=beta&t=1qU5TSS6V0qnK1Rmuo7PXEDi-LhEdWclXzp7DmL7bQs"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/D560DAQFbwOobZ3xBZg/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1691438871844?e=2147483647&v=beta&t=klsoR7dlyYB5m4UfG6pT9o2eu4xK-9agetTIp67MNtQ","description":"Explore the concepts that form the foundation of CSS. Learn how to select content, style text, manage layouts, and more as you work on a series of real-world projects.","duration":"PT3M45S","datePublished":"2023-08-09","uploadDate":"2023-08-09","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://www.linkedin.com/learning/css-essential-training-22688362/specificity"},{"@type":"VideoObject","name":"Project: Styling links - 2. CSS Core Concepts","author":{"@type":"Person","name":"Christina Truong","description":"Web Developer + Educator","jobTitle":"Web Developer + Educator","url":"https://ca.linkedin.com/in/christinatruong","image":"https://media.licdn.com/dms/image/v2/C5603AQE0cXFz37-7Uw/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1517725238320?e=2147483647&v=beta&t=1qU5TSS6V0qnK1Rmuo7PXEDi-LhEdWclXzp7DmL7bQs"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/D560DAQFbwOobZ3xBZg/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1691438871844?e=2147483647&v=beta&t=klsoR7dlyYB5m4UfG6pT9o2eu4xK-9agetTIp67MNtQ","description":"Explore the concepts that form the foundation of CSS. Learn how to select content, style text, manage layouts, and more as you work on a series of real-world projects.","duration":"PT5M23S","datePublished":"2023-08-09","uploadDate":"2023-08-09","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://www.linkedin.com/learning/css-essential-training-22688362/project-styling-links"}],[{"@type":"VideoObject","name":"Intro to the CSS box model - 3. The CSS Box Model","author":{"@type":"Person","name":"Christina Truong","description":"Web Developer + Educator","jobTitle":"Web Developer + Educator","url":"https://ca.linkedin.com/in/christinatruong","image":"https://media.licdn.com/dms/image/v2/C5603AQE0cXFz37-7Uw/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1517725238320?e=2147483647&v=beta&t=1qU5TSS6V0qnK1Rmuo7PXEDi-LhEdWclXzp7DmL7bQs"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/D560DAQFbwOobZ3xBZg/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1691438871844?e=2147483647&v=beta&t=klsoR7dlyYB5m4UfG6pT9o2eu4xK-9agetTIp67MNtQ","description":"Explore the concepts that form the foundation of CSS. Learn how to select content, style text, manage layouts, and more as you work on a series of real-world projects.","duration":"PT58S","datePublished":"2023-08-09","uploadDate":"2023-08-09","requiresSubscription":false,"isAccessibleForFree":true,"contentUrl":"https://www.linkedin.com/learning/css-essential-training-22688362/intro-to-the-css-box-model"},{"@type":"VideoObject","name":"The box model properties - 3. The CSS Box Model","author":{"@type":"Person","name":"Christina Truong","description":"Web Developer + Educator","jobTitle":"Web Developer + Educator","url":"https://ca.linkedin.com/in/christinatruong","image":"https://media.licdn.com/dms/image/v2/C5603AQE0cXFz37-7Uw/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1517725238320?e=2147483647&v=beta&t=1qU5TSS6V0qnK1Rmuo7PXEDi-LhEdWclXzp7DmL7bQs"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/D560DAQFbwOobZ3xBZg/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1691438871844?e=2147483647&v=beta&t=klsoR7dlyYB5m4UfG6pT9o2eu4xK-9agetTIp67MNtQ","description":"Explore the concepts that form the foundation of CSS. Learn how to select content, style text, manage layouts, and more as you work on a series of real-world projects.","duration":"PT3M44S","datePublished":"2023-08-09","uploadDate":"2023-08-09","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://www.linkedin.com/learning/css-essential-training-22688362/the-box-model-properties"},{"@type":"VideoObject","name":"Box-sizing and the box model fix - 3. The CSS Box Model","author":{"@type":"Person","name":"Christina Truong","description":"Web Developer + Educator","jobTitle":"Web Developer + Educator","url":"https://ca.linkedin.com/in/christinatruong","image":"https://media.licdn.com/dms/image/v2/C5603AQE0cXFz37-7Uw/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1517725238320?e=2147483647&v=beta&t=1qU5TSS6V0qnK1Rmuo7PXEDi-LhEdWclXzp7DmL7bQs"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/D560DAQFbwOobZ3xBZg/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1691438871844?e=2147483647&v=beta&t=klsoR7dlyYB5m4UfG6pT9o2eu4xK-9agetTIp67MNtQ","description":"Explore the concepts that form the foundation of CSS. Learn how to select content, style text, manage layouts, and more as you work on a series of real-world projects.","duration":"PT4M23S","datePublished":"2023-08-09","uploadDate":"2023-08-09","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://www.linkedin.com/learning/css-essential-training-22688362/box-sizing-and-the-box-model-fix"},{"@type":"VideoObject","name":"Inline, block, and display - 3. The CSS Box Model","author":{"@type":"Person","name":"Christina Truong","description":"Web Developer + Educator","jobTitle":"Web Developer + Educator","url":"https://ca.linkedin.com/in/christinatruong","image":"https://media.licdn.com/dms/image/v2/C5603AQE0cXFz37-7Uw/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1517725238320?e=2147483647&v=beta&t=1qU5TSS6V0qnK1Rmuo7PXEDi-LhEdWclXzp7DmL7bQs"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/D560DAQFbwOobZ3xBZg/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1691438871844?e=2147483647&v=beta&t=klsoR7dlyYB5m4UfG6pT9o2eu4xK-9agetTIp67MNtQ","description":"Explore the concepts that form the foundation of CSS. Learn how to select content, style text, manage layouts, and more as you work on a series of real-world projects.","duration":"PT4M39S","datePublished":"2023-08-09","uploadDate":"2023-08-09","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://www.linkedin.com/learning/css-essential-training-22688362/inline-block-and-display"},{"@type":"VideoObject","name":"Project: Footer styles and icons - 3. The CSS Box Model","author":{"@type":"Person","name":"Christina Truong","description":"Web Developer + Educator","jobTitle":"Web Developer + Educator","url":"https://ca.linkedin.com/in/christinatruong","image":"https://media.licdn.com/dms/image/v2/C5603AQE0cXFz37-7Uw/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1517725238320?e=2147483647&v=beta&t=1qU5TSS6V0qnK1Rmuo7PXEDi-LhEdWclXzp7DmL7bQs"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/D560DAQFbwOobZ3xBZg/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1691438871844?e=2147483647&v=beta&t=klsoR7dlyYB5m4UfG6pT9o2eu4xK-9agetTIp67MNtQ","description":"Explore the concepts that form the foundation of CSS. Learn how to select content, style text, manage layouts, and more as you work on a series of real-world projects.","duration":"PT4M4S","datePublished":"2023-08-09","uploadDate":"2023-08-09","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://www.linkedin.com/learning/css-essential-training-22688362/project-footer-styles-and-icons"},{"@type":"VideoObject","name":"Debugging with developer tools - 3. The CSS Box Model","author":{"@type":"Person","name":"Christina Truong","description":"Web Developer + Educator","jobTitle":"Web Developer + Educator","url":"https://ca.linkedin.com/in/christinatruong","image":"https://media.licdn.com/dms/image/v2/C5603AQE0cXFz37-7Uw/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1517725238320?e=2147483647&v=beta&t=1qU5TSS6V0qnK1Rmuo7PXEDi-LhEdWclXzp7DmL7bQs"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/D560DAQFbwOobZ3xBZg/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1691438871844?e=2147483647&v=beta&t=klsoR7dlyYB5m4UfG6pT9o2eu4xK-9agetTIp67MNtQ","description":"Explore the concepts that form the foundation of CSS. Learn how to select content, style text, manage layouts, and more as you work on a series of real-world projects.","duration":"PT5M6S","datePublished":"2023-08-09","uploadDate":"2023-08-09","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://www.linkedin.com/learning/css-essential-training-22688362/debugging-with-developer-tools"},{"@type":"VideoObject","name":"Managing box model quirks - 3. The CSS Box Model","author":{"@type":"Person","name":"Christina Truong","description":"Web Developer + Educator","jobTitle":"Web Developer + Educator","url":"https://ca.linkedin.com/in/christinatruong","image":"https://media.licdn.com/dms/image/v2/C5603AQE0cXFz37-7Uw/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1517725238320?e=2147483647&v=beta&t=1qU5TSS6V0qnK1Rmuo7PXEDi-LhEdWclXzp7DmL7bQs"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/D560DAQFbwOobZ3xBZg/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1691438871844?e=2147483647&v=beta&t=klsoR7dlyYB5m4UfG6pT9o2eu4xK-9agetTIp67MNtQ","description":"Explore the concepts that form the foundation of CSS. Learn how to select content, style text, manage layouts, and more as you work on a series of real-world projects.","duration":"PT4M2S","datePublished":"2023-08-09","uploadDate":"2023-08-09","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://www.linkedin.com/learning/css-essential-training-22688362/managing-box-model-quirks"},{"@type":"VideoObject","name":"Project: Background image update - 3. The CSS Box Model","author":{"@type":"Person","name":"Christina Truong","description":"Web Developer + Educator","jobTitle":"Web Developer + Educator","url":"https://ca.linkedin.com/in/christinatruong","image":"https://media.licdn.com/dms/image/v2/C5603AQE0cXFz37-7Uw/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1517725238320?e=2147483647&v=beta&t=1qU5TSS6V0qnK1Rmuo7PXEDi-LhEdWclXzp7DmL7bQs"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/D560DAQFbwOobZ3xBZg/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1691438871844?e=2147483647&v=beta&t=klsoR7dlyYB5m4UfG6pT9o2eu4xK-9agetTIp67MNtQ","description":"Explore the concepts that form the foundation of CSS. Learn how to select content, style text, manage layouts, and more as you work on a series of real-world projects.","duration":"PT3M23S","datePublished":"2023-08-09","uploadDate":"2023-08-09","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://www.linkedin.com/learning/css-essential-training-22688362/project-background-image-update"},{"@type":"VideoObject","name":"Using negative margin values - 3. The CSS Box Model","author":{"@type":"Person","name":"Christina Truong","description":"Web Developer + Educator","jobTitle":"Web Developer + Educator","url":"https://ca.linkedin.com/in/christinatruong","image":"https://media.licdn.com/dms/image/v2/C5603AQE0cXFz37-7Uw/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1517725238320?e=2147483647&v=beta&t=1qU5TSS6V0qnK1Rmuo7PXEDi-LhEdWclXzp7DmL7bQs"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/D560DAQFbwOobZ3xBZg/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1691438871844?e=2147483647&v=beta&t=klsoR7dlyYB5m4UfG6pT9o2eu4xK-9agetTIp67MNtQ","description":"Explore the concepts that form the foundation of CSS. Learn how to select content, style text, manage layouts, and more as you work on a series of real-world projects.","duration":"PT2M42S","datePublished":"2023-08-09","uploadDate":"2023-08-09","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://www.linkedin.com/learning/css-essential-training-22688362/using-negative-margin-values"},{"@type":"VideoObject","name":"Center aligning with margin - 3. The CSS Box Model","author":{"@type":"Person","name":"Christina Truong","description":"Web Developer + Educator","jobTitle":"Web Developer + Educator","url":"https://ca.linkedin.com/in/christinatruong","image":"https://media.licdn.com/dms/image/v2/C5603AQE0cXFz37-7Uw/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1517725238320?e=2147483647&v=beta&t=1qU5TSS6V0qnK1Rmuo7PXEDi-LhEdWclXzp7DmL7bQs"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/D560DAQFbwOobZ3xBZg/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1691438871844?e=2147483647&v=beta&t=klsoR7dlyYB5m4UfG6pT9o2eu4xK-9agetTIp67MNtQ","description":"Explore the concepts that form the foundation of CSS. Learn how to select content, style text, manage layouts, and more as you work on a series of real-world projects.","duration":"PT3M42S","datePublished":"2023-08-09","uploadDate":"2023-08-09","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://www.linkedin.com/learning/css-essential-training-22688362/center-aligning-with-margin"},{"@type":"VideoObject","name":"Project: Adding content wrappers - 3. The CSS Box Model","author":{"@type":"Person","name":"Christina Truong","description":"Web Developer + Educator","jobTitle":"Web Developer + Educator","url":"https://ca.linkedin.com/in/christinatruong","image":"https://media.licdn.com/dms/image/v2/C5603AQE0cXFz37-7Uw/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1517725238320?e=2147483647&v=beta&t=1qU5TSS6V0qnK1Rmuo7PXEDi-LhEdWclXzp7DmL7bQs"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/D560DAQFbwOobZ3xBZg/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1691438871844?e=2147483647&v=beta&t=klsoR7dlyYB5m4UfG6pT9o2eu4xK-9agetTIp67MNtQ","description":"Explore the concepts that form the foundation of CSS. Learn how to select content, style text, manage layouts, and more as you work on a series of real-world projects.","duration":"PT4M44S","datePublished":"2023-08-09","uploadDate":"2023-08-09","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://www.linkedin.com/learning/css-essential-training-22688362/project-adding-content-wrappers"},{"@type":"VideoObject","name":"Project: Adding a header image - 3. The CSS Box Model","author":{"@type":"Person","name":"Christina Truong","description":"Web Developer + Educator","jobTitle":"Web Developer + Educator","url":"https://ca.linkedin.com/in/christinatruong","image":"https://media.licdn.com/dms/image/v2/C5603AQE0cXFz37-7Uw/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1517725238320?e=2147483647&v=beta&t=1qU5TSS6V0qnK1Rmuo7PXEDi-LhEdWclXzp7DmL7bQs"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/D560DAQFbwOobZ3xBZg/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1691438871844?e=2147483647&v=beta&t=klsoR7dlyYB5m4UfG6pT9o2eu4xK-9agetTIp67MNtQ","description":"Explore the concepts that form the foundation of CSS. Learn how to select content, style text, manage layouts, and more as you work on a series of real-world projects.","duration":"PT5M56S","datePublished":"2023-08-09","uploadDate":"2023-08-09","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://www.linkedin.com/learning/css-essential-training-22688362/project-adding-a-header-image"}],[{"@type":"VideoObject","name":"Intro to CSS Layout - 4. Layouts: Float and Position","author":{"@type":"Person","name":"Christina Truong","description":"Web Developer + Educator","jobTitle":"Web Developer + Educator","url":"https://ca.linkedin.com/in/christinatruong","image":"https://media.licdn.com/dms/image/v2/C5603AQE0cXFz37-7Uw/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1517725238320?e=2147483647&v=beta&t=1qU5TSS6V0qnK1Rmuo7PXEDi-LhEdWclXzp7DmL7bQs"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/D560DAQFbwOobZ3xBZg/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1691438871844?e=2147483647&v=beta&t=klsoR7dlyYB5m4UfG6pT9o2eu4xK-9agetTIp67MNtQ","description":"Explore the concepts that form the foundation of CSS. Learn how to select content, style text, manage layouts, and more as you work on a series of real-world projects.","duration":"PT1M","datePublished":"2023-08-09","uploadDate":"2023-08-09","requiresSubscription":false,"isAccessibleForFree":true,"contentUrl":"https://www.linkedin.com/learning/css-essential-training-22688362/intro-to-css-layout"},{"@type":"VideoObject","name":"Layouts with the float property - 4. Layouts: Float and Position","author":{"@type":"Person","name":"Christina Truong","description":"Web Developer + Educator","jobTitle":"Web Developer + Educator","url":"https://ca.linkedin.com/in/christinatruong","image":"https://media.licdn.com/dms/image/v2/C5603AQE0cXFz37-7Uw/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1517725238320?e=2147483647&v=beta&t=1qU5TSS6V0qnK1Rmuo7PXEDi-LhEdWclXzp7DmL7bQs"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/D560DAQFbwOobZ3xBZg/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1691438871844?e=2147483647&v=beta&t=klsoR7dlyYB5m4UfG6pT9o2eu4xK-9agetTIp67MNtQ","description":"Explore the concepts that form the foundation of CSS. Learn how to select content, style text, manage layouts, and more as you work on a series of real-world projects.","duration":"PT3M50S","datePublished":"2023-08-09","uploadDate":"2023-08-09","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://www.linkedin.com/learning/css-essential-training-22688362/layouts-with-the-float-property"},{"@type":"VideoObject","name":"Clearing floats - 4. Layouts: Float and Position","author":{"@type":"Person","name":"Christina Truong","description":"Web Developer + Educator","jobTitle":"Web Developer + Educator","url":"https://ca.linkedin.com/in/christinatruong","image":"https://media.licdn.com/dms/image/v2/C5603AQE0cXFz37-7Uw/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1517725238320?e=2147483647&v=beta&t=1qU5TSS6V0qnK1Rmuo7PXEDi-LhEdWclXzp7DmL7bQs"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/D560DAQFbwOobZ3xBZg/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1691438871844?e=2147483647&v=beta&t=klsoR7dlyYB5m4UfG6pT9o2eu4xK-9agetTIp67MNtQ","description":"Explore the concepts that form the foundation of CSS. Learn how to select content, style text, manage layouts, and more as you work on a series of real-world projects.","duration":"PT3M23S","datePublished":"2023-08-09","uploadDate":"2023-08-09","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://www.linkedin.com/learning/css-essential-training-22688362/clearing-floats"},{"@type":"VideoObject","name":"Project: Float images and text - 4. Layouts: Float and Position","author":{"@type":"Person","name":"Christina Truong","description":"Web Developer + Educator","jobTitle":"Web Developer + Educator","url":"https://ca.linkedin.com/in/christinatruong","image":"https://media.licdn.com/dms/image/v2/C5603AQE0cXFz37-7Uw/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1517725238320?e=2147483647&v=beta&t=1qU5TSS6V0qnK1Rmuo7PXEDi-LhEdWclXzp7DmL7bQs"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/D560DAQFbwOobZ3xBZg/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1691438871844?e=2147483647&v=beta&t=klsoR7dlyYB5m4UfG6pT9o2eu4xK-9agetTIp67MNtQ","description":"Explore the concepts that form the foundation of CSS. Learn how to select content, style text, manage layouts, and more as you work on a series of real-world projects.","duration":"PT6M47S","datePublished":"2023-08-09","uploadDate":"2023-08-09","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://www.linkedin.com/learning/css-essential-training-22688362/project-float-images-and-text"},{"@type":"VideoObject","name":"The position property - 4. Layouts: Float and Position","author":{"@type":"Person","name":"Christina Truong","description":"Web Developer + Educator","jobTitle":"Web Developer + Educator","url":"https://ca.linkedin.com/in/christinatruong","image":"https://media.licdn.com/dms/image/v2/C5603AQE0cXFz37-7Uw/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1517725238320?e=2147483647&v=beta&t=1qU5TSS6V0qnK1Rmuo7PXEDi-LhEdWclXzp7DmL7bQs"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/D560DAQFbwOobZ3xBZg/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1691438871844?e=2147483647&v=beta&t=klsoR7dlyYB5m4UfG6pT9o2eu4xK-9agetTIp67MNtQ","description":"Explore the concepts that form the foundation of CSS. Learn how to select content, style text, manage layouts, and more as you work on a series of real-world projects.","duration":"PT5M12S","datePublished":"2023-08-09","uploadDate":"2023-08-09","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://www.linkedin.com/learning/css-essential-training-22688362/the-position-property"},{"@type":"VideoObject","name":"Position and z-index - 4. Layouts: Float and Position","author":{"@type":"Person","name":"Christina Truong","description":"Web Developer + Educator","jobTitle":"Web Developer + Educator","url":"https://ca.linkedin.com/in/christinatruong","image":"https://media.licdn.com/dms/image/v2/C5603AQE0cXFz37-7Uw/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1517725238320?e=2147483647&v=beta&t=1qU5TSS6V0qnK1Rmuo7PXEDi-LhEdWclXzp7DmL7bQs"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/D560DAQFbwOobZ3xBZg/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1691438871844?e=2147483647&v=beta&t=klsoR7dlyYB5m4UfG6pT9o2eu4xK-9agetTIp67MNtQ","description":"Explore the concepts that form the foundation of CSS. Learn how to select content, style text, manage layouts, and more as you work on a series of real-world projects.","duration":"PT4M11S","datePublished":"2023-08-09","uploadDate":"2023-08-09","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://www.linkedin.com/learning/css-essential-training-22688362/position-and-z-index"},{"@type":"VideoObject","name":"Project: Fixed positioning - 4. Layouts: Float and Position","author":{"@type":"Person","name":"Christina Truong","description":"Web Developer + Educator","jobTitle":"Web Developer + Educator","url":"https://ca.linkedin.com/in/christinatruong","image":"https://media.licdn.com/dms/image/v2/C5603AQE0cXFz37-7Uw/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1517725238320?e=2147483647&v=beta&t=1qU5TSS6V0qnK1Rmuo7PXEDi-LhEdWclXzp7DmL7bQs"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/D560DAQFbwOobZ3xBZg/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1691438871844?e=2147483647&v=beta&t=klsoR7dlyYB5m4UfG6pT9o2eu4xK-9agetTIp67MNtQ","description":"Explore the concepts that form the foundation of CSS. Learn how to select content, style text, manage layouts, and more as you work on a series of real-world projects.","duration":"PT3M21S","datePublished":"2023-08-09","uploadDate":"2023-08-09","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://www.linkedin.com/learning/css-essential-training-22688362/project-fixed-positioning"}],[{"@type":"VideoObject","name":"Intro to Grid and Flexbox - 5. Layouts: Flexbox and Grid","author":{"@type":"Person","name":"Christina Truong","description":"Web Developer + Educator","jobTitle":"Web Developer + Educator","url":"https://ca.linkedin.com/in/christinatruong","image":"https://media.licdn.com/dms/image/v2/C5603AQE0cXFz37-7Uw/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1517725238320?e=2147483647&v=beta&t=1qU5TSS6V0qnK1Rmuo7PXEDi-LhEdWclXzp7DmL7bQs"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/D560DAQFbwOobZ3xBZg/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1691438871844?e=2147483647&v=beta&t=klsoR7dlyYB5m4UfG6pT9o2eu4xK-9agetTIp67MNtQ","description":"Explore the concepts that form the foundation of CSS. Learn how to select content, style text, manage layouts, and more as you work on a series of real-world projects.","duration":"PT59S","datePublished":"2023-08-09","uploadDate":"2023-08-09","requiresSubscription":false,"isAccessibleForFree":true,"contentUrl":"https://www.linkedin.com/learning/css-essential-training-22688362/intro-to-grid-and-flexbox"},{"@type":"VideoObject","name":"Intro to Flexbox - 5. Layouts: Flexbox and Grid","author":{"@type":"Person","name":"Christina Truong","description":"Web Developer + Educator","jobTitle":"Web Developer + Educator","url":"https://ca.linkedin.com/in/christinatruong","image":"https://media.licdn.com/dms/image/v2/C5603AQE0cXFz37-7Uw/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1517725238320?e=2147483647&v=beta&t=1qU5TSS6V0qnK1Rmuo7PXEDi-LhEdWclXzp7DmL7bQs"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/D560DAQFbwOobZ3xBZg/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1691438871844?e=2147483647&v=beta&t=klsoR7dlyYB5m4UfG6pT9o2eu4xK-9agetTIp67MNtQ","description":"Explore the concepts that form the foundation of CSS. Learn how to select content, style text, manage layouts, and more as you work on a series of real-world projects.","duration":"PT2M25S","datePublished":"2023-08-09","uploadDate":"2023-08-09","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://www.linkedin.com/learning/css-essential-training-22688362/intro-to-flexbox"},{"@type":"VideoObject","name":"Flexbox: Orientation and ordering - 5. Layouts: Flexbox and Grid","author":{"@type":"Person","name":"Christina Truong","description":"Web Developer + Educator","jobTitle":"Web Developer + Educator","url":"https://ca.linkedin.com/in/christinatruong","image":"https://media.licdn.com/dms/image/v2/C5603AQE0cXFz37-7Uw/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1517725238320?e=2147483647&v=beta&t=1qU5TSS6V0qnK1Rmuo7PXEDi-LhEdWclXzp7DmL7bQs"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/D560DAQFbwOobZ3xBZg/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1691438871844?e=2147483647&v=beta&t=klsoR7dlyYB5m4UfG6pT9o2eu4xK-9agetTIp67MNtQ","description":"Explore the concepts that form the foundation of CSS. Learn how to select content, style text, manage layouts, and more as you work on a series of real-world projects.","duration":"PT3M1S","datePublished":"2023-08-09","uploadDate":"2023-08-09","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://www.linkedin.com/learning/css-essential-training-22688362/flexbox-orientation-and-ordering"},{"@type":"VideoObject","name":"Sizing with flex properties - 5. Layouts: Flexbox and Grid","author":{"@type":"Person","name":"Christina Truong","description":"Web Developer + Educator","jobTitle":"Web Developer + Educator","url":"https://ca.linkedin.com/in/christinatruong","image":"https://media.licdn.com/dms/image/v2/C5603AQE0cXFz37-7Uw/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1517725238320?e=2147483647&v=beta&t=1qU5TSS6V0qnK1Rmuo7PXEDi-LhEdWclXzp7DmL7bQs"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/D560DAQFbwOobZ3xBZg/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1691438871844?e=2147483647&v=beta&t=klsoR7dlyYB5m4UfG6pT9o2eu4xK-9agetTIp67MNtQ","description":"Explore the concepts that form the foundation of CSS. Learn how to select content, style text, manage layouts, and more as you work on a series of real-world projects.","duration":"PT2M29S","datePublished":"2023-08-09","uploadDate":"2023-08-09","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://www.linkedin.com/learning/css-essential-training-22688362/sizing-with-flex-properties"},{"@type":"VideoObject","name":"Flexbox exercise - 5. Layouts: Flexbox and Grid","author":{"@type":"Person","name":"Christina Truong","description":"Web Developer + Educator","jobTitle":"Web Developer + Educator","url":"https://ca.linkedin.com/in/christinatruong","image":"https://media.licdn.com/dms/image/v2/C5603AQE0cXFz37-7Uw/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1517725238320?e=2147483647&v=beta&t=1qU5TSS6V0qnK1Rmuo7PXEDi-LhEdWclXzp7DmL7bQs"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/D560DAQFbwOobZ3xBZg/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1691438871844?e=2147483647&v=beta&t=klsoR7dlyYB5m4UfG6pT9o2eu4xK-9agetTIp67MNtQ","description":"Explore the concepts that form the foundation of CSS. Learn how to select content, style text, manage layouts, and more as you work on a series of real-world projects.","duration":"PT3M51S","datePublished":"2023-08-09","uploadDate":"2023-08-09","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://www.linkedin.com/learning/css-essential-training-22688362/flexbox-exercise"},{"@type":"VideoObject","name":"Project: Sticky footer with flexbox - 5. Layouts: Flexbox and Grid","author":{"@type":"Person","name":"Christina Truong","description":"Web Developer + Educator","jobTitle":"Web Developer + Educator","url":"https://ca.linkedin.com/in/christinatruong","image":"https://media.licdn.com/dms/image/v2/C5603AQE0cXFz37-7Uw/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1517725238320?e=2147483647&v=beta&t=1qU5TSS6V0qnK1Rmuo7PXEDi-LhEdWclXzp7DmL7bQs"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/D560DAQFbwOobZ3xBZg/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1691438871844?e=2147483647&v=beta&t=klsoR7dlyYB5m4UfG6pT9o2eu4xK-9agetTIp67MNtQ","description":"Explore the concepts that form the foundation of CSS. Learn how to select content, style text, manage layouts, and more as you work on a series of real-world projects.","duration":"PT5M39S","datePublished":"2023-08-09","uploadDate":"2023-08-09","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://www.linkedin.com/learning/css-essential-training-22688362/project-sticky-footer-with-flexbox"},{"@type":"VideoObject","name":"Aligning flex items - 5. Layouts: Flexbox and Grid","author":{"@type":"Person","name":"Christina Truong","description":"Web Developer + Educator","jobTitle":"Web Developer + Educator","url":"https://ca.linkedin.com/in/christinatruong","image":"https://media.licdn.com/dms/image/v2/C5603AQE0cXFz37-7Uw/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1517725238320?e=2147483647&v=beta&t=1qU5TSS6V0qnK1Rmuo7PXEDi-LhEdWclXzp7DmL7bQs"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/D560DAQFbwOobZ3xBZg/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1691438871844?e=2147483647&v=beta&t=klsoR7dlyYB5m4UfG6pT9o2eu4xK-9agetTIp67MNtQ","description":"Explore the concepts that form the foundation of CSS. Learn how to select content, style text, manage layouts, and more as you work on a series of real-world projects.","duration":"PT3M20S","datePublished":"2023-08-09","uploadDate":"2023-08-09","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://www.linkedin.com/learning/css-essential-training-22688362/aligning-flex-items"},{"@type":"VideoObject","name":"Project: Aligning elements with Flexbox - 5. Layouts: Flexbox and Grid","author":{"@type":"Person","name":"Christina Truong","description":"Web Developer + Educator","jobTitle":"Web Developer + Educator","url":"https://ca.linkedin.com/in/christinatruong","image":"https://media.licdn.com/dms/image/v2/C5603AQE0cXFz37-7Uw/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1517725238320?e=2147483647&v=beta&t=1qU5TSS6V0qnK1Rmuo7PXEDi-LhEdWclXzp7DmL7bQs"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/D560DAQFbwOobZ3xBZg/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1691438871844?e=2147483647&v=beta&t=klsoR7dlyYB5m4UfG6pT9o2eu4xK-9agetTIp67MNtQ","description":"Explore the concepts that form the foundation of CSS. Learn how to select content, style text, manage layouts, and more as you work on a series of real-world projects.","duration":"PT3M41S","datePublished":"2023-08-09","uploadDate":"2023-08-09","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://www.linkedin.com/learning/css-essential-training-22688362/project-aligning-elements-with-flexbox"},{"@type":"VideoObject","name":"Intro to CSS Grid - 5. Layouts: Flexbox and Grid","author":{"@type":"Person","name":"Christina Truong","description":"Web Developer + Educator","jobTitle":"Web Developer + Educator","url":"https://ca.linkedin.com/in/christinatruong","image":"https://media.licdn.com/dms/image/v2/C5603AQE0cXFz37-7Uw/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1517725238320?e=2147483647&v=beta&t=1qU5TSS6V0qnK1Rmuo7PXEDi-LhEdWclXzp7DmL7bQs"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/D560DAQFbwOobZ3xBZg/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1691438871844?e=2147483647&v=beta&t=klsoR7dlyYB5m4UfG6pT9o2eu4xK-9agetTIp67MNtQ","description":"Explore the concepts that form the foundation of CSS. Learn how to select content, style text, manage layouts, and more as you work on a series of real-world projects.","duration":"PT2M23S","datePublished":"2023-08-09","uploadDate":"2023-08-09","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://www.linkedin.com/learning/css-essential-training-22688362/intro-to-css-grid"},{"@type":"VideoObject","name":"The explicit grid - 5. Layouts: Flexbox and Grid","author":{"@type":"Person","name":"Christina Truong","description":"Web Developer + Educator","jobTitle":"Web Developer + Educator","url":"https://ca.linkedin.com/in/christinatruong","image":"https://media.licdn.com/dms/image/v2/C5603AQE0cXFz37-7Uw/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1517725238320?e=2147483647&v=beta&t=1qU5TSS6V0qnK1Rmuo7PXEDi-LhEdWclXzp7DmL7bQs"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/D560DAQFbwOobZ3xBZg/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1691438871844?e=2147483647&v=beta&t=klsoR7dlyYB5m4UfG6pT9o2eu4xK-9agetTIp67MNtQ","description":"Explore the concepts that form the foundation of CSS. Learn how to select content, style text, manage layouts, and more as you work on a series of real-world projects.","duration":"PT3M59S","datePublished":"2023-08-09","uploadDate":"2023-08-09","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://www.linkedin.com/learning/css-essential-training-22688362/the-explicit-grid"},{"@type":"VideoObject","name":"The implicit grid - 5. Layouts: Flexbox and Grid","author":{"@type":"Person","name":"Christina Truong","description":"Web Developer + Educator","jobTitle":"Web Developer + Educator","url":"https://ca.linkedin.com/in/christinatruong","image":"https://media.licdn.com/dms/image/v2/C5603AQE0cXFz37-7Uw/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1517725238320?e=2147483647&v=beta&t=1qU5TSS6V0qnK1Rmuo7PXEDi-LhEdWclXzp7DmL7bQs"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/D560DAQFbwOobZ3xBZg/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1691438871844?e=2147483647&v=beta&t=klsoR7dlyYB5m4UfG6pT9o2eu4xK-9agetTIp67MNtQ","description":"Explore the concepts that form the foundation of CSS. Learn how to select content, style text, manage layouts, and more as you work on a series of real-world projects.","duration":"PT2M58S","datePublished":"2023-08-09","uploadDate":"2023-08-09","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://www.linkedin.com/learning/css-essential-training-22688362/the-implicit-grid"},{"@type":"VideoObject","name":"Adding gutters with the gap property - 5. Layouts: Flexbox and Grid","author":{"@type":"Person","name":"Christina Truong","description":"Web Developer + Educator","jobTitle":"Web Developer + Educator","url":"https://ca.linkedin.com/in/christinatruong","image":"https://media.licdn.com/dms/image/v2/C5603AQE0cXFz37-7Uw/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1517725238320?e=2147483647&v=beta&t=1qU5TSS6V0qnK1Rmuo7PXEDi-LhEdWclXzp7DmL7bQs"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/D560DAQFbwOobZ3xBZg/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1691438871844?e=2147483647&v=beta&t=klsoR7dlyYB5m4UfG6pT9o2eu4xK-9agetTIp67MNtQ","description":"Explore the concepts that form the foundation of CSS. Learn how to select content, style text, manage layouts, and more as you work on a series of real-world projects.","duration":"PT1M21S","datePublished":"2023-08-09","uploadDate":"2023-08-09","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://www.linkedin.com/learning/css-essential-training-22688362/adding-gutters-with-the-gap-property"},{"@type":"VideoObject","name":"Project: Adding columns with Grid - 5. Layouts: Flexbox and Grid","author":{"@type":"Person","name":"Christina Truong","description":"Web Developer + Educator","jobTitle":"Web Developer + Educator","url":"https://ca.linkedin.com/in/christinatruong","image":"https://media.licdn.com/dms/image/v2/C5603AQE0cXFz37-7Uw/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1517725238320?e=2147483647&v=beta&t=1qU5TSS6V0qnK1Rmuo7PXEDi-LhEdWclXzp7DmL7bQs"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/D560DAQFbwOobZ3xBZg/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1691438871844?e=2147483647&v=beta&t=klsoR7dlyYB5m4UfG6pT9o2eu4xK-9agetTIp67MNtQ","description":"Explore the concepts that form the foundation of CSS. Learn how to select content, style text, manage layouts, and more as you work on a series of real-world projects.","duration":"PT8M15S","datePublished":"2023-08-09","uploadDate":"2023-08-09","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://www.linkedin.com/learning/css-essential-training-22688362/project-adding-columns-with-grid"}],[{"@type":"VideoObject","name":"Typography for the web - 6. Typography","author":{"@type":"Person","name":"Christina Truong","description":"Web Developer + Educator","jobTitle":"Web Developer + Educator","url":"https://ca.linkedin.com/in/christinatruong","image":"https://media.licdn.com/dms/image/v2/C5603AQE0cXFz37-7Uw/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1517725238320?e=2147483647&v=beta&t=1qU5TSS6V0qnK1Rmuo7PXEDi-LhEdWclXzp7DmL7bQs"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/D560DAQFbwOobZ3xBZg/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1691438871844?e=2147483647&v=beta&t=klsoR7dlyYB5m4UfG6pT9o2eu4xK-9agetTIp67MNtQ","description":"Explore the concepts that form the foundation of CSS. Learn how to select content, style text, manage layouts, and more as you work on a series of real-world projects.","duration":"PT3M11S","datePublished":"2023-08-09","uploadDate":"2023-08-09","requiresSubscription":false,"isAccessibleForFree":true,"contentUrl":"https://www.linkedin.com/learning/css-essential-training-22688362/typography-for-the-web"},{"@type":"VideoObject","name":"Changing fonts with font-family - 6. Typography","author":{"@type":"Person","name":"Christina Truong","description":"Web Developer + Educator","jobTitle":"Web Developer + Educator","url":"https://ca.linkedin.com/in/christinatruong","image":"https://media.licdn.com/dms/image/v2/C5603AQE0cXFz37-7Uw/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1517725238320?e=2147483647&v=beta&t=1qU5TSS6V0qnK1Rmuo7PXEDi-LhEdWclXzp7DmL7bQs"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/D560DAQFbwOobZ3xBZg/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1691438871844?e=2147483647&v=beta&t=klsoR7dlyYB5m4UfG6pT9o2eu4xK-9agetTIp67MNtQ","description":"Explore the concepts that form the foundation of CSS. Learn how to select content, style text, manage layouts, and more as you work on a series of real-world projects.","duration":"PT2M59S","datePublished":"2023-08-09","uploadDate":"2023-08-09","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://www.linkedin.com/learning/css-essential-training-22688362/changing-fonts-with-font-family"},{"@type":"VideoObject","name":"font-weight and font-style - 6. Typography","author":{"@type":"Person","name":"Christina Truong","description":"Web Developer + Educator","jobTitle":"Web Developer + Educator","url":"https://ca.linkedin.com/in/christinatruong","image":"https://media.licdn.com/dms/image/v2/C5603AQE0cXFz37-7Uw/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1517725238320?e=2147483647&v=beta&t=1qU5TSS6V0qnK1Rmuo7PXEDi-LhEdWclXzp7DmL7bQs"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/D560DAQFbwOobZ3xBZg/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1691438871844?e=2147483647&v=beta&t=klsoR7dlyYB5m4UfG6pT9o2eu4xK-9agetTIp67MNtQ","description":"Explore the concepts that form the foundation of CSS. Learn how to select content, style text, manage layouts, and more as you work on a series of real-world projects.","duration":"PT3M3S","datePublished":"2023-08-09","uploadDate":"2023-08-09","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://www.linkedin.com/learning/css-essential-training-22688362/font-weight-and-font-style"},{"@type":"VideoObject","name":"Web fonts with @font-face - 6. Typography","author":{"@type":"Person","name":"Christina Truong","description":"Web Developer + Educator","jobTitle":"Web Developer + Educator","url":"https://ca.linkedin.com/in/christinatruong","image":"https://media.licdn.com/dms/image/v2/C5603AQE0cXFz37-7Uw/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1517725238320?e=2147483647&v=beta&t=1qU5TSS6V0qnK1Rmuo7PXEDi-LhEdWclXzp7DmL7bQs"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/D560DAQFbwOobZ3xBZg/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1691438871844?e=2147483647&v=beta&t=klsoR7dlyYB5m4UfG6pT9o2eu4xK-9agetTIp67MNtQ","description":"Explore the concepts that form the foundation of CSS. Learn how to select content, style text, manage layouts, and more as you work on a series of real-world projects.","duration":"PT2M31S","datePublished":"2023-08-09","uploadDate":"2023-08-09","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://www.linkedin.com/learning/css-essential-training-22688362/web-fonts-with-font-face"},{"@type":"VideoObject","name":"Web fonts with Google Fonts - 6. Typography","author":{"@type":"Person","name":"Christina Truong","description":"Web Developer + Educator","jobTitle":"Web Developer + Educator","url":"https://ca.linkedin.com/in/christinatruong","image":"https://media.licdn.com/dms/image/v2/C5603AQE0cXFz37-7Uw/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1517725238320?e=2147483647&v=beta&t=1qU5TSS6V0qnK1Rmuo7PXEDi-LhEdWclXzp7DmL7bQs"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/D560DAQFbwOobZ3xBZg/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1691438871844?e=2147483647&v=beta&t=klsoR7dlyYB5m4UfG6pT9o2eu4xK-9agetTIp67MNtQ","description":"Explore the concepts that form the foundation of CSS. Learn how to select content, style text, manage layouts, and more as you work on a series of real-world projects.","duration":"PT3M18S","datePublished":"2023-08-09","uploadDate":"2023-08-09","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://www.linkedin.com/learning/css-essential-training-22688362/web-fonts-with-google-fonts"},{"@type":"VideoObject","name":"Project: Google Fonts - 6. Typography","author":{"@type":"Person","name":"Christina Truong","description":"Web Developer + Educator","jobTitle":"Web Developer + Educator","url":"https://ca.linkedin.com/in/christinatruong","image":"https://media.licdn.com/dms/image/v2/C5603AQE0cXFz37-7Uw/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1517725238320?e=2147483647&v=beta&t=1qU5TSS6V0qnK1Rmuo7PXEDi-LhEdWclXzp7DmL7bQs"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/D560DAQFbwOobZ3xBZg/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1691438871844?e=2147483647&v=beta&t=klsoR7dlyYB5m4UfG6pT9o2eu4xK-9agetTIp67MNtQ","description":"Explore the concepts that form the foundation of CSS. Learn how to select content, style text, manage layouts, and more as you work on a series of real-world projects.","duration":"PT4M5S","datePublished":"2023-08-09","uploadDate":"2023-08-09","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://www.linkedin.com/learning/css-essential-training-22688362/project-google-fonts"},{"@type":"VideoObject","name":"The font-size property - 6. Typography","author":{"@type":"Person","name":"Christina Truong","description":"Web Developer + Educator","jobTitle":"Web Developer + Educator","url":"https://ca.linkedin.com/in/christinatruong","image":"https://media.licdn.com/dms/image/v2/C5603AQE0cXFz37-7Uw/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1517725238320?e=2147483647&v=beta&t=1qU5TSS6V0qnK1Rmuo7PXEDi-LhEdWclXzp7DmL7bQs"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/D560DAQFbwOobZ3xBZg/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1691438871844?e=2147483647&v=beta&t=klsoR7dlyYB5m4UfG6pT9o2eu4xK-9agetTIp67MNtQ","description":"Explore the concepts that form the foundation of CSS. Learn how to select content, style text, manage layouts, and more as you work on a series of real-world projects.","duration":"PT4M6S","datePublished":"2023-08-09","uploadDate":"2023-08-09","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://www.linkedin.com/learning/css-essential-training-22688362/the-font-size-property"},{"@type":"VideoObject","name":"Font-size and accessibility - 6. Typography","author":{"@type":"Person","name":"Christina Truong","description":"Web Developer + Educator","jobTitle":"Web Developer + Educator","url":"https://ca.linkedin.com/in/christinatruong","image":"https://media.licdn.com/dms/image/v2/C5603AQE0cXFz37-7Uw/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1517725238320?e=2147483647&v=beta&t=1qU5TSS6V0qnK1Rmuo7PXEDi-LhEdWclXzp7DmL7bQs"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/D560DAQFbwOobZ3xBZg/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1691438871844?e=2147483647&v=beta&t=klsoR7dlyYB5m4UfG6pT9o2eu4xK-9agetTIp67MNtQ","description":"Explore the concepts that form the foundation of CSS. Learn how to select content, style text, manage layouts, and more as you work on a series of real-world projects.","duration":"PT6M39S","datePublished":"2023-08-09","uploadDate":"2023-08-09","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://www.linkedin.com/learning/css-essential-training-22688362/font-size-and-accessibility"},{"@type":"VideoObject","name":"Text-align and text-transform - 6. Typography","author":{"@type":"Person","name":"Christina Truong","description":"Web Developer + Educator","jobTitle":"Web Developer + Educator","url":"https://ca.linkedin.com/in/christinatruong","image":"https://media.licdn.com/dms/image/v2/C5603AQE0cXFz37-7Uw/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1517725238320?e=2147483647&v=beta&t=1qU5TSS6V0qnK1Rmuo7PXEDi-LhEdWclXzp7DmL7bQs"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/D560DAQFbwOobZ3xBZg/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1691438871844?e=2147483647&v=beta&t=klsoR7dlyYB5m4UfG6pT9o2eu4xK-9agetTIp67MNtQ","description":"Explore the concepts that form the foundation of CSS. Learn how to select content, style text, manage layouts, and more as you work on a series of real-world projects.","duration":"PT3M26S","datePublished":"2023-08-09","uploadDate":"2023-08-09","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://www.linkedin.com/learning/css-essential-training-22688362/text-align-and-text-transform"},{"@type":"VideoObject","name":"Line-height and letter-spacing - 6. Typography","author":{"@type":"Person","name":"Christina Truong","description":"Web Developer + Educator","jobTitle":"Web Developer + Educator","url":"https://ca.linkedin.com/in/christinatruong","image":"https://media.licdn.com/dms/image/v2/C5603AQE0cXFz37-7Uw/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1517725238320?e=2147483647&v=beta&t=1qU5TSS6V0qnK1Rmuo7PXEDi-LhEdWclXzp7DmL7bQs"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/D560DAQFbwOobZ3xBZg/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1691438871844?e=2147483647&v=beta&t=klsoR7dlyYB5m4UfG6pT9o2eu4xK-9agetTIp67MNtQ","description":"Explore the concepts that form the foundation of CSS. Learn how to select content, style text, manage layouts, and more as you work on a series of real-world projects.","duration":"PT3M22S","datePublished":"2023-08-09","uploadDate":"2023-08-09","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://www.linkedin.com/learning/css-essential-training-22688362/line-height-and-letter-spacing"},{"@type":"VideoObject","name":"Project: Typography styles - 6. Typography","author":{"@type":"Person","name":"Christina Truong","description":"Web Developer + Educator","jobTitle":"Web Developer + Educator","url":"https://ca.linkedin.com/in/christinatruong","image":"https://media.licdn.com/dms/image/v2/C5603AQE0cXFz37-7Uw/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1517725238320?e=2147483647&v=beta&t=1qU5TSS6V0qnK1Rmuo7PXEDi-LhEdWclXzp7DmL7bQs"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/D560DAQFbwOobZ3xBZg/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1691438871844?e=2147483647&v=beta&t=klsoR7dlyYB5m4UfG6pT9o2eu4xK-9agetTIp67MNtQ","description":"Explore the concepts that form the foundation of CSS. Learn how to select content, style text, manage layouts, and more as you work on a series of real-world projects.","duration":"PT6M56S","datePublished":"2023-08-09","uploadDate":"2023-08-09","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://www.linkedin.com/learning/css-essential-training-22688362/project-typography-styles"},{"@type":"VideoObject","name":"Project: Buttons and spacing - 6. Typography","author":{"@type":"Person","name":"Christina Truong","description":"Web Developer + Educator","jobTitle":"Web Developer + Educator","url":"https://ca.linkedin.com/in/christinatruong","image":"https://media.licdn.com/dms/image/v2/C5603AQE0cXFz37-7Uw/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1517725238320?e=2147483647&v=beta&t=1qU5TSS6V0qnK1Rmuo7PXEDi-LhEdWclXzp7DmL7bQs"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/D560DAQFbwOobZ3xBZg/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1691438871844?e=2147483647&v=beta&t=klsoR7dlyYB5m4UfG6pT9o2eu4xK-9agetTIp67MNtQ","description":"Explore the concepts that form the foundation of CSS. Learn how to select content, style text, manage layouts, and more as you work on a series of real-world projects.","duration":"PT9M23S","datePublished":"2023-08-09","uploadDate":"2023-08-09","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://www.linkedin.com/learning/css-essential-training-22688362/project-buttons-and-spacing"}],[{"@type":"VideoObject","name":"Intro to responsive design - 7. Layouts: Fluid and Responsive","author":{"@type":"Person","name":"Christina Truong","description":"Web Developer + Educator","jobTitle":"Web Developer + Educator","url":"https://ca.linkedin.com/in/christinatruong","image":"https://media.licdn.com/dms/image/v2/C5603AQE0cXFz37-7Uw/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1517725238320?e=2147483647&v=beta&t=1qU5TSS6V0qnK1Rmuo7PXEDi-LhEdWclXzp7DmL7bQs"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/D560DAQFbwOobZ3xBZg/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1691438871844?e=2147483647&v=beta&t=klsoR7dlyYB5m4UfG6pT9o2eu4xK-9agetTIp67MNtQ","description":"Explore the concepts that form the foundation of CSS. Learn how to select content, style text, manage layouts, and more as you work on a series of real-world projects.","duration":"PT1M29S","datePublished":"2023-08-09","uploadDate":"2023-08-09","requiresSubscription":false,"isAccessibleForFree":true,"contentUrl":"https://www.linkedin.com/learning/css-essential-training-22688362/intro-to-responsive-design"},{"@type":"VideoObject","name":"Intro to media queries - 7. Layouts: Fluid and Responsive","author":{"@type":"Person","name":"Christina Truong","description":"Web Developer + Educator","jobTitle":"Web Developer + Educator","url":"https://ca.linkedin.com/in/christinatruong","image":"https://media.licdn.com/dms/image/v2/C5603AQE0cXFz37-7Uw/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1517725238320?e=2147483647&v=beta&t=1qU5TSS6V0qnK1Rmuo7PXEDi-LhEdWclXzp7DmL7bQs"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/D560DAQFbwOobZ3xBZg/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1691438871844?e=2147483647&v=beta&t=klsoR7dlyYB5m4UfG6pT9o2eu4xK-9agetTIp67MNtQ","description":"Explore the concepts that form the foundation of CSS. Learn how to select content, style text, manage layouts, and more as you work on a series of real-world projects.","duration":"PT4M32S","datePublished":"2023-08-09","uploadDate":"2023-08-09","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://www.linkedin.com/learning/css-essential-training-22688362/intro-to-media-queries"},{"@type":"VideoObject","name":"Breakpoints and media queries - 7. Layouts: Fluid and Responsive","author":{"@type":"Person","name":"Christina Truong","description":"Web Developer + Educator","jobTitle":"Web Developer + Educator","url":"https://ca.linkedin.com/in/christinatruong","image":"https://media.licdn.com/dms/image/v2/C5603AQE0cXFz37-7Uw/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1517725238320?e=2147483647&v=beta&t=1qU5TSS6V0qnK1Rmuo7PXEDi-LhEdWclXzp7DmL7bQs"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/D560DAQFbwOobZ3xBZg/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1691438871844?e=2147483647&v=beta&t=klsoR7dlyYB5m4UfG6pT9o2eu4xK-9agetTIp67MNtQ","description":"Explore the concepts that form the foundation of CSS. Learn how to select content, style text, manage layouts, and more as you work on a series of real-world projects.","duration":"PT3M32S","datePublished":"2023-08-09","uploadDate":"2023-08-09","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://www.linkedin.com/learning/css-essential-training-22688362/breakpoints-and-media-queries"},{"@type":"VideoObject","name":"Fluid layouts - 7. Layouts: Fluid and Responsive","author":{"@type":"Person","name":"Christina Truong","description":"Web Developer + Educator","jobTitle":"Web Developer + Educator","url":"https://ca.linkedin.com/in/christinatruong","image":"https://media.licdn.com/dms/image/v2/C5603AQE0cXFz37-7Uw/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1517725238320?e=2147483647&v=beta&t=1qU5TSS6V0qnK1Rmuo7PXEDi-LhEdWclXzp7DmL7bQs"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/D560DAQFbwOobZ3xBZg/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1691438871844?e=2147483647&v=beta&t=klsoR7dlyYB5m4UfG6pT9o2eu4xK-9agetTIp67MNtQ","description":"Explore the concepts that form the foundation of CSS. Learn how to select content, style text, manage layouts, and more as you work on a series of real-world projects.","duration":"PT2M36S","datePublished":"2023-08-09","uploadDate":"2023-08-09","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://www.linkedin.com/learning/css-essential-training-22688362/fluid-layouts"},{"@type":"VideoObject","name":"The viewport meta tag - 7. Layouts: Fluid and Responsive","author":{"@type":"Person","name":"Christina Truong","description":"Web Developer + Educator","jobTitle":"Web Developer + Educator","url":"https://ca.linkedin.com/in/christinatruong","image":"https://media.licdn.com/dms/image/v2/C5603AQE0cXFz37-7Uw/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1517725238320?e=2147483647&v=beta&t=1qU5TSS6V0qnK1Rmuo7PXEDi-LhEdWclXzp7DmL7bQs"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/D560DAQFbwOobZ3xBZg/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1691438871844?e=2147483647&v=beta&t=klsoR7dlyYB5m4UfG6pT9o2eu4xK-9agetTIp67MNtQ","description":"Explore the concepts that form the foundation of CSS. Learn how to select content, style text, manage layouts, and more as you work on a series of real-world projects.","duration":"PT1M53S","datePublished":"2023-08-09","uploadDate":"2023-08-09","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://www.linkedin.com/learning/css-essential-training-22688362/the-viewport-meta-tag"},{"@type":"VideoObject","name":"Testing responsive layouts - 7. Layouts: Fluid and Responsive","author":{"@type":"Person","name":"Christina Truong","description":"Web Developer + Educator","jobTitle":"Web Developer + Educator","url":"https://ca.linkedin.com/in/christinatruong","image":"https://media.licdn.com/dms/image/v2/C5603AQE0cXFz37-7Uw/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1517725238320?e=2147483647&v=beta&t=1qU5TSS6V0qnK1Rmuo7PXEDi-LhEdWclXzp7DmL7bQs"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/D560DAQFbwOobZ3xBZg/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1691438871844?e=2147483647&v=beta&t=klsoR7dlyYB5m4UfG6pT9o2eu4xK-9agetTIp67MNtQ","description":"Explore the concepts that form the foundation of CSS. Learn how to select content, style text, manage layouts, and more as you work on a series of real-world projects.","duration":"PT3M1S","datePublished":"2023-08-09","uploadDate":"2023-08-09","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://www.linkedin.com/learning/css-essential-training-22688362/testing-responsive-layouts"},{"@type":"VideoObject","name":"Project: Breakpoints - 7. Layouts: Fluid and Responsive","author":{"@type":"Person","name":"Christina Truong","description":"Web Developer + Educator","jobTitle":"Web Developer + Educator","url":"https://ca.linkedin.com/in/christinatruong","image":"https://media.licdn.com/dms/image/v2/C5603AQE0cXFz37-7Uw/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1517725238320?e=2147483647&v=beta&t=1qU5TSS6V0qnK1Rmuo7PXEDi-LhEdWclXzp7DmL7bQs"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/D560DAQFbwOobZ3xBZg/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1691438871844?e=2147483647&v=beta&t=klsoR7dlyYB5m4UfG6pT9o2eu4xK-9agetTIp67MNtQ","description":"Explore the concepts that form the foundation of CSS. Learn how to select content, style text, manage layouts, and more as you work on a series of real-world projects.","duration":"PT3M38S","datePublished":"2023-08-09","uploadDate":"2023-08-09","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://www.linkedin.com/learning/css-essential-training-22688362/project-breakpoints"},{"@type":"VideoObject","name":"Project: Media queries: Part 1 - 7. Layouts: Fluid and Responsive","author":{"@type":"Person","name":"Christina Truong","description":"Web Developer + Educator","jobTitle":"Web Developer + Educator","url":"https://ca.linkedin.com/in/christinatruong","image":"https://media.licdn.com/dms/image/v2/C5603AQE0cXFz37-7Uw/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1517725238320?e=2147483647&v=beta&t=1qU5TSS6V0qnK1Rmuo7PXEDi-LhEdWclXzp7DmL7bQs"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/D560DAQFbwOobZ3xBZg/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1691438871844?e=2147483647&v=beta&t=klsoR7dlyYB5m4UfG6pT9o2eu4xK-9agetTIp67MNtQ","description":"Explore the concepts that form the foundation of CSS. Learn how to select content, style text, manage layouts, and more as you work on a series of real-world projects.","duration":"PT12M26S","datePublished":"2023-08-09","uploadDate":"2023-08-09","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://www.linkedin.com/learning/css-essential-training-22688362/project-media-queries-part-1"},{"@type":"VideoObject","name":"Project: Media queries: Part 2 - 7. Layouts: Fluid and Responsive","author":{"@type":"Person","name":"Christina Truong","description":"Web Developer + Educator","jobTitle":"Web Developer + Educator","url":"https://ca.linkedin.com/in/christinatruong","image":"https://media.licdn.com/dms/image/v2/C5603AQE0cXFz37-7Uw/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1517725238320?e=2147483647&v=beta&t=1qU5TSS6V0qnK1Rmuo7PXEDi-LhEdWclXzp7DmL7bQs"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/D560DAQFbwOobZ3xBZg/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1691438871844?e=2147483647&v=beta&t=klsoR7dlyYB5m4UfG6pT9o2eu4xK-9agetTIp67MNtQ","description":"Explore the concepts that form the foundation of CSS. Learn how to select content, style text, manage layouts, and more as you work on a series of real-world projects.","duration":"PT8M26S","datePublished":"2023-08-09","uploadDate":"2023-08-09","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://www.linkedin.com/learning/css-essential-training-22688362/project-media-queries-part-2"},{"@type":"VideoObject","name":"Project: Media queries: Part 3 - 7. Layouts: Fluid and Responsive","author":{"@type":"Person","name":"Christina Truong","description":"Web Developer + Educator","jobTitle":"Web Developer + Educator","url":"https://ca.linkedin.com/in/christinatruong","image":"https://media.licdn.com/dms/image/v2/C5603AQE0cXFz37-7Uw/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1517725238320?e=2147483647&v=beta&t=1qU5TSS6V0qnK1Rmuo7PXEDi-LhEdWclXzp7DmL7bQs"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/D560DAQFbwOobZ3xBZg/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1691438871844?e=2147483647&v=beta&t=klsoR7dlyYB5m4UfG6pT9o2eu4xK-9agetTIp67MNtQ","description":"Explore the concepts that form the foundation of CSS. Learn how to select content, style text, manage layouts, and more as you work on a series of real-world projects.","duration":"PT6M17S","datePublished":"2023-08-09","uploadDate":"2023-08-09","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://www.linkedin.com/learning/css-essential-training-22688362/project-media-queries-part-3"}],[{"@type":"VideoObject","name":"Continuing beyond the essentials with CSS - Conclusion","author":{"@type":"Person","name":"Christina Truong","description":"Web Developer + Educator","jobTitle":"Web Developer + Educator","url":"https://ca.linkedin.com/in/christinatruong","image":"https://media.licdn.com/dms/image/v2/C5603AQE0cXFz37-7Uw/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1517725238320?e=2147483647&v=beta&t=1qU5TSS6V0qnK1Rmuo7PXEDi-LhEdWclXzp7DmL7bQs"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/D560DAQFbwOobZ3xBZg/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1691438871844?e=2147483647&v=beta&t=klsoR7dlyYB5m4UfG6pT9o2eu4xK-9agetTIp67MNtQ","description":"Explore the concepts that form the foundation of CSS. Learn how to select content, style text, manage layouts, and more as you work on a series of real-world projects.","duration":"PT42S","datePublished":"2023-08-09","uploadDate":"2023-08-09","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://www.linkedin.com/learning/css-essential-training-22688362/continuing-beyond-the-essentials-with-css"}]],"syllabusSections":[{"@type":"Syllabus","name":"Getting started with CSS","timeRequired":"PT43S"},{"@type":"Syllabus","name":"What you should know","timeRequired":"PT26S"},{"@type":"Syllabus","name":"How to complete the exercises","timeRequired":"PT1M29S"},{"@type":"Syllabus","name":"HTML and CSS","timeRequired":"PT1M10S","description":"Start with an overview of the relationship between HTML and CSS."},{"@type":"Syllabus","name":"Working with website files","timeRequired":"PT3M25S","description":"This video provides an overview of working with website files, file naming conventions, and the process of developing a website locally before making it live."},{"@type":"Syllabus","name":"Writing code with a text editor","timeRequired":"PT3M40S","description":"Learn how to use various text editors to write code and how to set up your project files."},{"@type":"Syllabus","name":"Customizing your text editor","timeRequired":"PT3M29S","description":"Learn how to use various text editors to write code and how to set up your project files."},{"@type":"Syllabus","name":"Project: Overview and setup","timeRequired":"PT7M46S","description":"Learn about file management and naming conventions, while setting up your course project."},{"@type":"Syllabus","name":"Where to find images","timeRequired":"PT2M52S","description":"Get tips for finding images for your website or project. Learn how to use stock photography and icons as well as guidelines for usage and accessibility."},{"@type":"Syllabus","name":"Optimizing images for the web","timeRequired":"PT3M41S","description":"Learn how and why images need to be optimized for the web and different types of computer displays."},{"@type":"Syllabus","name":"Relative and absolute paths","timeRequired":"PT2M43S","description":"Learn about using absolute and relative paths to link to internal and external resources."},{"@type":"Syllabus","name":"Project: Adding images and icons","timeRequired":"PT7M13S","description":"Explore this exercise for embedding and linking to web resources such as images, HTML, and CSS files."},{"@type":"Syllabus","name":"Referencing CSS","timeRequired":"PT2M44S","description":"Learn about the different ways of adding CSS to HTML files and the pros and cons of each method."},{"@type":"Syllabus","name":"Project: Creating a CSS file","timeRequired":"PT3M4S","description":"Explore this exercise for embedding and linking to web resources such as CSS files."},{"@type":"Syllabus","name":"CSS specifications and the W3C","timeRequired":"PT3M12S","description":"Explore a brief overview of what the W3C is and how web specifications are developed."},{"@type":"Syllabus","name":"CSS syntax and terminology","timeRequired":"PT4M2S","description":"Get an overview of the rules and structural patterns of CSS syntax and terminology."},{"@type":"Syllabus","name":"CSS values and units","timeRequired":"PT3M33S","description":"Get an introduction to the different types of values and units used in CSS."},{"@type":"Syllabus","name":"The color property and values","timeRequired":"PT4M31S","description":"Get an overview of how to use the color property with different value types."},{"@type":"Syllabus","name":"Creating a color palette","timeRequired":"PT1M52S","description":"Get an overview of the resources for choosing a color palette for your projects."},{"@type":"Syllabus","name":"Type and universal selectors","timeRequired":"PT3M16S","description":"Learn about the basic CSS selectors, specifically type and universal."},{"@type":"Syllabus","name":"ID selectors","timeRequired":"PT2M34S","description":"Get an overview of how and when to use CSS ID selectors."},{"@type":"Syllabus","name":"Class selectors","timeRequired":"PT3M17S","description":"Get an overview of how and when to use CSS class selectors."},{"@type":"Syllabus","name":"Descendant combinators and selector lists","timeRequired":"PT2M56S","description":"Learn how to use selectors based on the HTML DOM structure with descendant selectors."},{"@type":"Syllabus","name":"The background property","timeRequired":"PT4M39S"},{"@type":"Syllabus","name":"Project: Prepping the CSS file","timeRequired":"PT4M5S"},{"@type":"Syllabus","name":"Project: Adding background styles","timeRequired":"PT7M39S"},{"@type":"Syllabus","name":"Pseudo-classes and pseudo-elements","timeRequired":"PT4M30S","description":"Learn about the difference between pseudo-class and pseudo-elements selectors and get an overview of some common use cases."},{"@type":"Syllabus","name":"Inheritance and the cascade","timeRequired":"PT2M20S","description":"Get an overview of how the inheritance and specificity rules define which CSS declarations take precedence."},{"@type":"Syllabus","name":"Specificity","timeRequired":"PT3M45S","description":"Get an overview of how the cascade and the important rule define which CSS declarations take precedence."},{"@type":"Syllabus","name":"Project: Styling links","timeRequired":"PT5M23S","description":"Explore this exercise using pseudo-selectors to style the page links."},{"@type":"Syllabus","name":"Intro to the CSS box model","timeRequired":"PT58S","description":"Get a brief introduction to the CSS box model, which is key to being able to create complex layouts and align-items."},{"@type":"Syllabus","name":"The box model properties","timeRequired":"PT3M44S","description":"Learn about the syntax and usage for the CSS box model properties, width, height, margin, padding, and border."},{"@type":"Syllabus","name":"Box-sizing and the box model fix","timeRequired":"PT4M23S","description":"Learn how the box-sizing property can be used to define how the total width and height of an element are calculated and how it affects page layouts."},{"@type":"Syllabus","name":"Inline, block, and display","timeRequired":"PT4M39S","description":"Learn about inline and block-level elements and how the CSS display property can be used to change the default behavior of these elements."},{"@type":"Syllabus","name":"Project: Footer styles and icons","timeRequired":"PT4M4S"},{"@type":"Syllabus","name":"Debugging with developer tools","timeRequired":"PT5M6S","description":"Learn how to use browser developer tools to debug the various box model properties and learn about margin collapsing."},{"@type":"Syllabus","name":"Managing box model quirks","timeRequired":"PT4M2S"},{"@type":"Syllabus","name":"Project: Background image update","timeRequired":"PT3M23S"},{"@type":"Syllabus","name":"Using negative margin values","timeRequired":"PT2M42S"},{"@type":"Syllabus","name":"Center aligning with margin","timeRequired":"PT3M42S","description":"Learn about the alternate use for the margin property to align block-level elements."},{"@type":"Syllabus","name":"Project: Adding content wrappers","timeRequired":"PT4M44S","description":"This exercise will incorporate using the margin property for center-aligning page elements."},{"@type":"Syllabus","name":"Project: Adding a header image","timeRequired":"PT5M56S","description":"This exercise incorporates the margin and padding property into the course project."},{"@type":"Syllabus","name":"Intro to CSS Layout","timeRequired":"PT1M","description":"Learn about the normal layout flow and get an overview of different layout techniques used to change where elements are positioned."},{"@type":"Syllabus","name":"Layouts with the float property","timeRequired":"PT3M50S","description":"Learn about the history of using floats for layouts as well as the current uses for the float property."},{"@type":"Syllabus","name":"Clearing floats","timeRequired":"PT3M23S","description":"Learn how the float property affects the surrounding elements, and how to fix the collapsed parent element issue."},{"@type":"Syllabus","name":"Project: Float images and text","timeRequired":"PT6M47S"},{"@type":"Syllabus","name":"The position property","timeRequired":"PT5M12S","description":"Get an overview of how CSS position can be used to arrange HTML elements relative to its normal flow on the page or relative to the browser viewport."},{"@type":"Syllabus","name":"Position and z-index","timeRequired":"PT4M11S","description":"Get an overview of how to change the stacking order of positioned elements using the z-index property."},{"@type":"Syllabus","name":"Project: Fixed positioning","timeRequired":"PT3M21S","description":"Learn how to incorporate floats and the box model properties—margin, padding, border, width, and height—into your projects."},{"@type":"Syllabus","name":"Intro to Grid and Flexbox","timeRequired":"PT59S","description":"Get an introduction to the CSS Grid and Flexbox layout modules."},{"@type":"Syllabus","name":"Intro to Flexbox","timeRequired":"PT2M25S","description":"Get an overview of the Flexbox layout method terminology."},{"@type":"Syllabus","name":"Flexbox: Orientation and ordering","timeRequired":"PT3M1S","description":"Get an introduction to the flex-direction and flex-wrap properties, used for orientation and ordering of flex items."},{"@type":"Syllabus","name":"Sizing with flex properties","timeRequired":"PT2M29S","description":"Learn how to create flexible sizing with flex, using the shorthand or longhand properties syntax."},{"@type":"Syllabus","name":"Flexbox exercise","timeRequired":"PT3M51S","description":"Get some practice with this exercise which incorporates the various options for using the flex property."},{"@type":"Syllabus","name":"Project: Sticky footer with flexbox","timeRequired":"PT5M39S"},{"@type":"Syllabus","name":"Aligning flex items","timeRequired":"PT3M20S","description":"Get an overview of aligning elements with the flexbox properties justify-content and align-items."},{"@type":"Syllabus","name":"Project: Aligning elements with Flexbox","timeRequired":"PT3M41S","description":"Learn how to incorporate the flexbox properties into the course project."},{"@type":"Syllabus","name":"Intro to CSS Grid","timeRequired":"PT2M23S","description":"Get an overview of the CSS Grid layout method, terminology, and concepts."},{"@type":"Syllabus","name":"The explicit grid","timeRequired":"PT3M59S","description":"Get an overview of how to define a specific number of grid lines and tracks, using the grid-template-columns and grid-template-rows properties to create an explicit grid."},{"@type":"Syllabus","name":"The implicit grid","timeRequired":"PT2M58S","description":"Learn about the difference between an explicit grid and implicit grid and how to define the implicit grid with the grid-template-rows and grid-template-columns properties."},{"@type":"Syllabus","name":"Adding gutters with the gap property","timeRequired":"PT1M21S","description":"Learn how to add gutters, or spacing, between content tracks using the gap property."},{"@type":"Syllabus","name":"Project: Adding columns with Grid","timeRequired":"PT8M15S","description":"In this video, this exercise will incorporate the grid property into the project."},{"@type":"Syllabus","name":"Typography for the web","timeRequired":"PT3M11S","description":"Learn about typography and how to use different typefaces and web-safe fonts to set the tone for your projects."},{"@type":"Syllabus","name":"Changing fonts with font-family","timeRequired":"PT2M59S","description":"Learn how to use the font-family property to change the default typeface."},{"@type":"Syllabus","name":"font-weight and font-style","timeRequired":"PT3M3S","description":"This lesson focuses on changing styles related to the typeface using the font-weight and font-style properties."},{"@type":"Syllabus","name":"Web fonts with @font-face","timeRequired":"PT2M31S","description":"Learn how to use web fonts to expand your typography options using @font-face."},{"@type":"Syllabus","name":"Web fonts with Google Fonts","timeRequired":"PT3M18S","description":"Learn how to use web fonts to expand your typography options using Google Fonts, an online font service."},{"@type":"Syllabus","name":"Project: Google Fonts","timeRequired":"PT4M5S","description":"Learn how to add custom fonts to your final project using Google Fonts, an online font service."},{"@type":"Syllabus","name":"The font-size property","timeRequired":"PT4M6S","description":"In this video, learn how to use the font-size property to change the size of a font, which is another way to convey meaning about text-based content."},{"@type":"Syllabus","name":"Font-size and accessibility","timeRequired":"PT6M39S"},{"@type":"Syllabus","name":"Text-align and text-transform","timeRequired":"PT3M26S","description":"The font property is shorthand for six other properties. Learn about the rules for defining the values using the shorthand syntax."},{"@type":"Syllabus","name":"Line-height and letter-spacing","timeRequired":"PT3M22S","description":"This lesson focuses on some commonly used typography-based CSS styles."},{"@type":"Syllabus","name":"Project: Typography styles","timeRequired":"PT6M56S","description":"Learn how to incorporate custom typography styles into your projects with this exercise."},{"@type":"Syllabus","name":"Project: Buttons and spacing","timeRequired":"PT9M23S"},{"@type":"Syllabus","name":"Intro to responsive design","timeRequired":"PT1M29S","description":"Get an overview of what responsive design is and the terminology."},{"@type":"Syllabus","name":"Intro to media queries","timeRequired":"PT4M32S","description":"Get an overview of the syntax for using media queries for responsive designs."},{"@type":"Syllabus","name":"Breakpoints and media queries","timeRequired":"PT3M32S","description":"Learn what breakpoints are and how to use them for creating responsive designs."},{"@type":"Syllabus","name":"Fluid layouts","timeRequired":"PT2M36S","description":"Learn how to create fluid and flexible base styles to prepare your CSS for responsive styles and reduce using unnecessary media queries."},{"@type":"Syllabus","name":"The viewport meta tag","timeRequired":"PT1M53S"},{"@type":"Syllabus","name":"Testing responsive layouts","timeRequired":"PT3M1S","description":"Learn how to use the browser developer tools to test responsive CSS."},{"@type":"Syllabus","name":"Project: Breakpoints","timeRequired":"PT3M38S"},{"@type":"Syllabus","name":"Project: Media queries: Part 1","timeRequired":"PT12M26S","description":"Get an overview of the various CSS background properties. Learn how to use the longhand and shorthand syntax and how to make the images flexible for different screen sizes."},{"@type":"Syllabus","name":"Project: Media queries: Part 2","timeRequired":"PT8M26S","description":"Explore this exercise to practice using the background and z-index properties."},{"@type":"Syllabus","name":"Project: Media queries: Part 3","timeRequired":"PT6M17S","description":"Explore this exercise to practice applying media queries to create responsive CSS styles for different screen sizes."},{"@type":"Syllabus","name":"Continuing beyond the essentials with CSS","timeRequired":"PT42S"}],"aggregateRating":{"@type":"AggregateRating","ratingCount":1197,"ratingValue":4.7,"bestRating":5,"worstRating":1},"review":[{"@type":"Review","author":{"@type":"Person","name":"Aditya Wable","jobTitle":"Computer Engineering @ Java | C++ | HTML | CSS | JavaScript | Java Data Structure and Algorithm","url":"https://in.linkedin.com/in/aditya-wable-4a26a62aa"},"reviewRating":{"@type":"Rating","ratingValue":4},"reviewBody":"good","datePublished":"2024-10-30T05:23:52.561Z","publisher":{"@type":"Organization","name":"LinkedIn"},"bestRating":5,"worstRating":1},{"@type":"Review","author":{"@type":"Person","name":"azzedine el khamlichi","jobTitle":"Full Stack Software Engineering 🔴 JavaScript || Node.js || NextJS || ReactJS","url":"https://ma.linkedin.com/in/azzedinekhamlichi"},"reviewRating":{"@type":"Rating","ratingValue":5},"reviewBody":"good","datePublished":"2024-10-15T01:26:18.355Z","publisher":{"@type":"Organization","name":"LinkedIn"},"bestRating":5,"worstRating":1}],"video":{"@type":"VideoObject","name":"Getting started with CSS - CSS Essential Training","author":{"@type":"Person","name":"Christina Truong","description":"Web Developer + Educator","jobTitle":"Web Developer + Educator","url":"https://ca.linkedin.com/in/christinatruong","image":"https://media.licdn.com/dms/image/v2/C5603AQE0cXFz37-7Uw/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1517725238320?e=2147483647&v=beta&t=1qU5TSS6V0qnK1Rmuo7PXEDi-LhEdWclXzp7DmL7bQs"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/D560DAQFbwOobZ3xBZg/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1691438871844?e=2147483647&v=beta&t=klsoR7dlyYB5m4UfG6pT9o2eu4xK-9agetTIp67MNtQ","description":"Explore the concepts that form the foundation of CSS. Learn how to select content, style text, manage layouts, and more as you work on a series of real-world projects.","duration":"PT43S","datePublished":"2023-08-09","uploadDate":"2023-08-09","requiresSubscription":false,"isAccessibleForFree":true,"contentUrl":"https://www.linkedin.com/learning/css-essential-training-22688362/getting-started-with-css"},"educationalLevel":"Beginner","educationalCredentialAwarded":[{"@type":"EducationalOccupationalCredential","name":"LinkedIn Learning Certificate of Completion","url":"https://www.linkedin.com/help/learning/answer/a598944/learning-certificates-of-completion-faqs","credentialCategory":"Certificate","offers":[{"@type":"Offer","category":"Subscription"}]}]} </script>  </head> <body dir="ltr">   <a href="#main-content" class="skip-link btn-md btn-primary absolute z-11 -top-[100vh] focus:top-0"> Skip to main content </a> <header class="header base-detail-page__header px-mobile-container-padding bg-color-background-container global-alert-offset sticky-header"> <nav class="nav pt-1.5 pb-2 flex items-center justify-between relative flex-nowrap babymamabear:py-1.5 nav--minified-mobile " aria-label="Primary"> <a href="https://www.linkedin.com/learning/?trk=learning-course_nav-header-logo" class="nav__logo-link link-no-visited-state z-1 mr-auto min-h-[52px] flex items-center babybear:z-0 hover:no-underline focus:no-underline active:no-underline babymamabear:mr-3" data-tracking-control-name="learning-course_nav-header-logo" data-tracking-will-navigate> <div class="learning-logo"> <icon class="learning-logo__inbug onload" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/4zqr0f9jf98vi2nkijyc3bex2"></icon> <span class="learning-logo__text" aria-hidden="true">Learning</span> <span class="sr-only">LinkedIn Learning</span> </div> </a> <section class="search-bar relative flex flex-grow h-[40px] bg-cool-gray-20 min-w-0 max-w-full mx-4 rounded-sm babymamabear:mx-0 babymamabear:mb-1.5 babymamabear:bg-color-transparent babymamabear:w-full babymamabear:flex babymamabear:flex-wrap search-bar--minified-mobile" data-current-search-type="LEARNING"> <button class="search-bar__placeholder papabear:hidden text-input w-full mt-1.5 !pl-[14px] border-1 border-solid border-color-border-faint rounded-[2px] h-[40px] max-h-[40px] flex items-center overflow-hidden cursor-text" data-tracking-control-name="learning-course_search-switcher-opener"> <icon class="text-color-icon w-3 h-3 mr-1" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/397vrsk6op88l4981ji1xe1qt"></icon> <div class="search-bar__full-placeholder font-sans text-md text-color-text max-w-[calc(100%-40px)] text-left whitespace-nowrap overflow-hidden text-ellipsis">  Search skills, subjects, or software  </div> <span class="sr-only">Expand search</span> </button> <div class="switcher-tabs__trigger-and-tabs babymamabear:flex"> <button aria-expanded="false" class="switcher-tabs__placeholder flex !h-full !py-0 !pl-2 !pr-1.5 border-r-1 border-solid border-r-color-border-faint babymamabear:hidden tab-md papabear:tab-vertical papabear:justify-start cursor-pointer" data-tracking-control-name="learning-course_switcher-tabs-placeholder" aria-describedby="switcher-description"> <span class="switcher-tabs__placeholder-text m-auto"></span> <icon class="switcher-tabs__caret-down-filled onload pointer-events-none block my-auto min-h-[24px] min-w-[24px] h-[24px] babymamabear:hidden" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/7asbl4deqijhoy3z2ivveispv"></icon> </button> <div id="switcher-description" class="hidden">This button displays the currently selected search type. When expanded it provides a list of search options that will switch the search inputs to match the current selection. </div>  <div class="switcher-tabs hidden z-[1] w-auto min-w-[160px] mb-1.5 py-1 absolute top-[48px] left-0 border-solid border-1 border-color-border-faint papabear:container-raised babymamabear:static babymamabear:w-[100vw] babymamabear:h-[48px] babymamabear:p-0 overflow-y-hidden overflow-x-auto md:overflow-x-hidden"> <ul class="switcher-tabs__list flex flex-1 items-stretch papabear:flex-col" role="tablist"> <li class="switcher-tabs__tab h-[44px] babymamabear:basis-1/2" role="presentation"> <button aria-controls="jobs-search-panel" aria-selected="false" class="switcher-tabs__button w-full h-full tab-md papabear:tab-vertical papabear:justify-start cursor-pointer " data-switcher-type="JOBS" data-tracking-control-name="learning-course_switcher-tabs-jobs-search-switcher" id="job-switcher-tab" role="tab"> Jobs </button> </li> <li class="switcher-tabs__tab h-[44px] babymamabear:basis-1/2" role="presentation"> <button aria-controls="people-search-panel" aria-selected="false" class="switcher-tabs__button w-full h-full tab-md papabear:tab-vertical papabear:justify-start cursor-pointer " data-switcher-type="PEOPLE" data-tracking-control-name="learning-course_switcher-tabs-people-search-switcher" id="people-switcher-tab" role="tab"> People </button> </li> <li class="switcher-tabs__tab h-[44px] babymamabear:basis-1/2" role="presentation"> <button aria-controls="learning-search-panel" aria-selected="true" class="switcher-tabs__button w-full h-full tab-md papabear:tab-vertical papabear:justify-start cursor-pointer tab-selected" data-switcher-type="LEARNING" data-tracking-control-name="learning-course_switcher-tabs-learning-search-switcher" id="learning-switcher-tab" role="tab"> Learning </button> </li> </ul> <button aria-label="Close" class="switcher-tabs__cancel-btn papabear:hidden block w-6 h-6 m-auto text-color-text-low-emphasis" data-tracking-control-name="learning-course_switcher-tabs-cancel-search-switcher" type="button"> <icon class="switcher-tabs__cancel-icon block w-3 h-3 m-auto onload" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cs55jggk4p3uqh9ozxdmpvjg7"></icon> </button> </div> </div> <section class="base-search-bar w-full h-full" data-searchbar-type="PEOPLE" aria-labelledby="people-switcher-tab" id="people-search-panel" role="tabpanel"> <form class="base-search-bar__form w-full flex babymamabear:mx-mobile-container-padding babymamabear:flex-col" role="search" action="/pub/dir" data-tracking-control-name="learning-course_people-search-bar_base-search-bar-form"> <section class="dismissable-input text-input !pr-3 bg-color-transparent flex items-center h-[40px] min-w-0 relative babybear:w-full babybear:mb-1 search-input"> <input aria-label="First Name" autocomplete="on" class="dismissable-input__input font-sans text-md text-color-text bg-color-transparent flex items-center flex-1 focus:outline-none placeholder:text-color-text-secondary" data-tracking-control-name="learning-course_people-search-bar_first-name_dismissable-input" maxlength="500" name="firstName" placeholder="First Name" type="search"> <button class="dismissable-input__button text-color-text h-[40px] min-w-[24px] w-[24px] -mr-2 opacity-0 transition-opacity duration-[0.1s] disabled:invisible focus:opacity-100" data-tracking-control-name="learning-course_people-search-bar_first-name_dismissable-input-clear" type="button"> <label class="sr-only">Clear text</label> <icon class="dismissable-input__button-icon" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cs55jggk4p3uqh9ozxdmpvjg7"></icon> </button> </section> <section class="dismissable-input text-input !pr-3 bg-color-transparent flex items-center h-[40px] min-w-0 relative babybear:w-full babybear:mb-1 search-input"> <input aria-label="Last Name" autocomplete="on" class="dismissable-input__input font-sans text-md text-color-text bg-color-transparent flex items-center flex-1 focus:outline-none placeholder:text-color-text-secondary" data-tracking-control-name="learning-course_people-search-bar_last-name_dismissable-input" maxlength="500" name="lastName" placeholder="Last Name" type="search"> <button class="dismissable-input__button text-color-text h-[40px] min-w-[24px] w-[24px] -mr-2 opacity-0 transition-opacity duration-[0.1s] disabled:invisible focus:opacity-100" data-tracking-control-name="learning-course_people-search-bar_last-name_dismissable-input-clear" type="button"> <label class="sr-only">Clear text</label> <icon class="dismissable-input__button-icon" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cs55jggk4p3uqh9ozxdmpvjg7"></icon> </button> </section> <input name="trk" value="learning-course_people-search-bar_search-submit" type="hidden"> <button class="base-search-bar__submit-btn block basis-[40px] flex-shrink-0 cursor-pointer babymamabear:invisible babymamabear:ml-[-9999px] babymamabear:w-[1px] babymamabear:h-[1px]" aria-label="Search" data-tracking-control-name="learning-course_people-search-bar_base-search-bar-search-submit" type="submit"> <icon class="base-search-bar__search-icon onload mx-auto" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cb5bsr4tsn2r4sjg9e3ls4tjl"></icon> </button> </form> </section> <section class="base-search-bar w-full h-full" data-searchbar-type="JOBS" aria-labelledby="job-switcher-tab" id="jobs-search-panel" role="tabpanel"> <form class="base-search-bar__form w-full flex babymamabear:mx-mobile-container-padding babymamabear:flex-col" role="search" action="/jobs/search" data-tracking-control-name="learning-course_jobs-search-bar_base-search-bar-form"> <code id="i18n_aria_live_text_no-suggestions" style="display: none"></code> <code id="i18n_aria_live_text_one-suggestion" style="display: none"></code> <code id="i18n_aria_live_text_multiple-suggestions" style="display: none"></code> <section class="dismissable-input text-input !pr-3 bg-color-transparent flex items-center h-[40px] min-w-0 relative babybear:w-full babybear:mb-1 typeahead-input keywords-typeahead-input text-input"> <input aria-autocomplete="list" aria-controls="job-search-bar-keywords-typeahead-list" aria-haspopup="listbox" aria-label="Search job titles or companies" autocomplete="off" class="dismissable-input__input font-sans text-md text-color-text bg-color-transparent flex items-center flex-1 focus:outline-none placeholder:text-color-text-secondary" data-tracking-control-name="learning-course_dismissable-input" id="job-search-bar-keywords" maxlength="500" name="keywords" placeholder="Search job titles or companies" role="combobox" type="search">  <div class="typeahead-input__dropdown container-lined absolute top-[calc(100%+3px)] left-0 w-full rounded-b-md rounded-t-none z-[10] overflow-hidden max-w-none babybear:min-w-full babybear:bottom-0 babybear:overflow-y-auto"> <template class="typeahead-item-template"> <li class="typeahead-input__dropdown-item py-1.5 px-2 hover:cursor-pointer hover:bg-color-surface-new-hover hover:border-y-2 hover:border-solid hover:border-color-container-primary" role="option"> <span class="typeahead-input__dropdown-text font-sans text-sm font-bold text-color-text"></span> </li> </template> <ul class="typeahead-input__dropdown-list w-full" id="job-search-bar-keywords-typeahead-list" role="listbox"></ul> </div>  <button class="dismissable-input__button text-color-text h-[40px] min-w-[24px] w-[24px] -mr-2 opacity-0 transition-opacity duration-[0.1s] disabled:invisible focus:opacity-100" data-tracking-control-name="learning-course_dismissable-input-clear" type="button"> <label class="sr-only">Clear text</label> <icon class="dismissable-input__button-icon" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cs55jggk4p3uqh9ozxdmpvjg7"></icon> </button> </section>  <code id="i18n_aria_live_text_no-suggestions" style="display: none"></code> <code id="i18n_aria_live_text_one-suggestion" style="display: none"></code> <code id="i18n_aria_live_text_multiple-suggestions" style="display: none"></code> <section class="dismissable-input text-input !pr-3 bg-color-transparent flex items-center h-[40px] min-w-0 relative babybear:w-full babybear:mb-1 typeahead-input location-typeahead-input"> <input aria-autocomplete="list" aria-controls="job-search-bar-location-typeahead-list" aria-haspopup="listbox" aria-label="Location" autocomplete="off" class="dismissable-input__input font-sans text-md text-color-text bg-color-transparent flex items-center flex-1 focus:outline-none placeholder:text-color-text-secondary" data-tracking-control-name="learning-course_dismissable-input" id="job-search-bar-location" maxlength="500" name="location" placeholder="Location" role="combobox" value="Hong Kong" type="search">  <div class="typeahead-input__dropdown container-lined absolute top-[calc(100%+3px)] left-0 w-full rounded-b-md rounded-t-none z-[10] overflow-hidden max-w-none babybear:min-w-full babybear:bottom-0 babybear:overflow-y-auto"> <template class="typeahead-item-template"> <li class="typeahead-input__dropdown-item py-1.5 px-2 hover:cursor-pointer hover:bg-color-surface-new-hover hover:border-y-2 hover:border-solid hover:border-color-container-primary" role="option"> <span class="typeahead-input__dropdown-text font-sans text-sm font-bold text-color-text"></span> </li> </template> <ul class="typeahead-input__dropdown-list w-full" id="job-search-bar-location-typeahead-list" role="listbox"></ul> </div>  <button class="dismissable-input__button text-color-text h-[40px] min-w-[24px] w-[24px] -mr-2 opacity-0 transition-opacity duration-[0.1s] disabled:invisible focus:opacity-100" data-tracking-control-name="learning-course_dismissable-input-clear" type="button"> <label class="sr-only">Clear text</label> <icon class="dismissable-input__button-icon" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cs55jggk4p3uqh9ozxdmpvjg7"></icon> </button> </section> <input name="geoId" value="102817007" type="hidden"> <input name="trk" value="learning-course_jobs-search-bar_search-submit" type="hidden"> <button class="base-search-bar__submit-btn block basis-[40px] flex-shrink-0 cursor-pointer babymamabear:invisible babymamabear:ml-[-9999px] babymamabear:w-[1px] babymamabear:h-[1px]" aria-label="Search" data-tracking-control-name="learning-course_jobs-search-bar_base-search-bar-search-submit" type="submit"> <icon class="base-search-bar__search-icon onload mx-auto" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cb5bsr4tsn2r4sjg9e3ls4tjl"></icon> </button> </form> </section> <section class="base-search-bar w-full h-full" data-searchbar-type="LEARNING" aria-labelledby="learning-switcher-tab" id="learning-search-panel" role="tabpanel"> <form class="base-search-bar__form w-full flex babymamabear:mx-mobile-container-padding babymamabear:flex-col" role="search" action="/learning/search" data-tracking-control-name="learning-course_learning-search-bar_base-search-bar-form"> <section class="dismissable-input text-input !pr-3 bg-color-transparent flex items-center h-[40px] min-w-0 relative babybear:w-full babybear:mb-1 search-input"> <input aria-label="Search skills, subjects, or software" autocomplete="on" class="dismissable-input__input font-sans text-md text-color-text bg-color-transparent flex items-center flex-1 focus:outline-none placeholder:text-color-text-secondary" data-tracking-control-name="learning-course_learning-search-bar_keywords_dismissable-input" maxlength="500" name="keywords" placeholder="Search skills, subjects, or software" type="search"> <button class="dismissable-input__button text-color-text h-[40px] min-w-[24px] w-[24px] -mr-2 opacity-0 transition-opacity duration-[0.1s] disabled:invisible focus:opacity-100" data-tracking-control-name="learning-course_learning-search-bar_keywords_dismissable-input-clear" type="button"> <label class="sr-only">Clear text</label> <icon class="dismissable-input__button-icon" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cs55jggk4p3uqh9ozxdmpvjg7"></icon> </button> </section> <input class="nav__search-uoo" name="upsellOrderOrigin" type="hidden"> <input name="trk" value="learning-course_learning-search-bar_search-submit" type="hidden"> <button class="base-search-bar__submit-btn block basis-[40px] flex-shrink-0 cursor-pointer babymamabear:invisible babymamabear:ml-[-9999px] babymamabear:w-[1px] babymamabear:h-[1px]" aria-label="Search" data-tracking-control-name="learning-course_learning-search-bar_base-search-bar-search-submit" type="submit"> <icon class="base-search-bar__search-icon onload mx-auto" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cb5bsr4tsn2r4sjg9e3ls4tjl"></icon> </button> </form> </section>  <div aria-live="polite" class="search-bar__live-text sr-only" role="status"></div> </section>  <div class="nav__cta-container order-3 flex gap-x-1 justify-end min-w-[100px] flex-nowrap flex-shrink-0 babybear:flex-wrap flex-2 babymamabear:min-w-[50px] "> <a class="nav__button-tertiary btn-md btn-tertiary" href="http://www.linkedin.com/learning/subscription/products?courseSlug=css-essential-training-22688362&destRedirectURL=https%3A%2F%2Fwww%2Elinkedin%2Ecom%2Flearning%2Fcss-essential-training-22688362&trk=learning-course_nav-header-join&upsellTrk=lil_upsell_nav_subscription&session_redirect=https%3A%2F%2Fwww.linkedin.com%2Flearning%2Fcss-essential-training-22688362%3Ftrk%3Dlearning-topics_learning-search-card_search-card" data-tracking-control-name="lil_upsell_nav_subscription" data-tracking-impression-name="lil_upsell_nav_subscription" data-test-live-nav-primary-cta data-tracking-will-navigate> Start free trial </a> <a class="nav__button-secondary btn-md btn-secondary-emphasis" href="https://www.linkedin.com/learning-login/?redirect=https%3A%2F%2Fwww%2Elinkedin%2Ecom%2Flearning%2Fcss-essential-training-22688362%3Ftrk%3Dlearning-topics_learning-search-card_search-card%26trk%3Dlearning-topics_learning-search-card_search-card&fromSignIn=true&session_redirect=https%3A%2F%2Fwww.linkedin.com%2Flearning%2Fcss-essential-training-22688362%3Ftrk%3Dlearning-topics_learning-search-card_search-card&trk=learning-course_nav-header-signin" data-tracking-control-name="learning-course_nav-header-signin" data-tracking-will-navigate> Sign in </a> <a aria-label="Sign in" class="nav__link-person papabear:hidden mamabear:hidden" data-tracking-control-name="learning-course_nav-header-signin" data-tracking-will-navigate href="https://www.linkedin.com/learning-login/?redirect=https%3A%2F%2Fwww%2Elinkedin%2Ecom%2Flearning%2Fcss-essential-training-22688362%3Ftrk%3Dlearning-topics_learning-search-card_search-card%26trk%3Dlearning-topics_learning-search-card_search-card&fromSignIn=true&session_redirect=https%3A%2F%2Fwww.linkedin.com%2Flearning%2Fcss-essential-training-22688362%3Ftrk%3Dlearning-topics_learning-search-card_search-card&trk=learning-course_nav-header-signin"> <img class="inline-block relative rounded-[50%] w-4 h-4 bg-color-entity-ghost-background" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/9c8pery4andzj6ohjkjp54ma2" data-ghost-classes="bg-color-entity-ghost-background" data-ghost-url="https://static.licdn.com/aero-v1/sc/h/9c8pery4andzj6ohjkjp54ma2" alt> </a> </div>   </nav> </header>  <div class="cta-banner "> <div class="enterprise-nav"> <div class="enterprise-nav__content-wrapper"> <p id="enterprise-nav-solutions" class="enterprise-nav__content" tabindex="-1"> Solutions for: </p> <a href="https://learning.linkedin.com/for-entire-companies?src=li-learning-nav&trk=learning-course_enterprise-nav" aria-labelledby="enterprise-nav-solutions business-nav-business" class="enterprise-nav__content" data-tracking-control-name="learning-course_enterprise-nav" data-tracking-will-navigate="true" id="business-nav-business">Business</a> <a href="https://learning.linkedin.com/for-higher-education?src=li-learning-nav&trk=learning-course_enterprise-nav" aria-labelledby="enterprise-nav-solutions business-nav-education" class="enterprise-nav__content" data-tracking-control-name="learning-course_enterprise-nav" data-tracking-will-navigate="true" id="business-nav-education">Higher Education</a> <a href="https://learning.linkedin.com/for-governments?src=li-learning-nav&trk=learning-course_enterprise-nav" aria-labelledby="enterprise-nav-solutions business-nav-government" class="enterprise-nav__content" data-tracking-control-name="learning-course_enterprise-nav" data-tracking-will-navigate="true" id="business-nav-government">Government</a> <a href="/learning/subscription/teams?veh=lil_upx&src=li-learning-nav&trk=learning-course_enterprise-nav" aria-labelledby="enterprise-nav-solutions business-nav-buy" class="enterprise-nav__content" data-test-live-enterprise-upsell="true" data-tracking-control-name="learning-course_enterprise-nav" data-tracking-will-navigate="true" data-tracking-impression-name="lil_upsell_learning-course_enterprise-nav_teambuy" id="business-nav-buy">Buy for my team</a> </div> </div>   </div> <main class="main papabear:flex papabear:w-content-max-w papabear:mx-auto papabear:pt-desktop-content-top-margin mamabear:pt-desktop-content-top-margin " id="main-content" role="main"> <section class="core-rail mx-auto papabear:w-core-rail-width mamabear:max-w-[790px] babybear:max-w-[790px]"> <ol class="breadcrumb__list"> <li class="breadcrumb__item"> <a class="breadcrumb__link" href="https://www.linkedin.com/learning/browse?trk=learning-course_breadcrumb" data-tracking-control-name="learning-course_breadcrumb" data-tracking-will-navigate>All topics</a> </li> <li class="breadcrumb__item"> <a class="breadcrumb__link" href="https://www.linkedin.com/learning/topics/creative?trk=learning-course_breadcrumb" data-tracking-control-name="learning-course_breadcrumb" data-tracking-will-navigate>Creative</a> </li> <li class="breadcrumb__item"> <a class="breadcrumb__link" href="https://www.linkedin.com/learning/topics/web-design?trk=learning-course_breadcrumb" data-tracking-control-name="learning-course_breadcrumb" data-tracking-will-navigate>Web Design</a> </li> <li class="breadcrumb__item"> <a class="breadcrumb__link" href="https://www.linkedin.com/learning/topics/web-standards?trk=learning-course_breadcrumb" data-tracking-control-name="learning-course_breadcrumb" data-tracking-will-navigate>Web Standards</a> </li> </ol> <script type="application/ld+json"> {"@context":"http://schema.org/","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"All topics","item":"https://www.linkedin.com/learning/browse"},{"@type":"ListItem","position":2,"name":"Creative","item":"https://www.linkedin.com/learning/topics/creative"},{"@type":"ListItem","position":3,"name":"Web Design","item":"https://www.linkedin.com/learning/topics/web-design"},{"@type":"ListItem","position":4,"name":"Web Standards","item":"https://www.linkedin.com/learning/topics/web-standards"}]} </script> <section class="top-card-layout container-lined overflow-hidden babybear:rounded-[0px]"> <section class="top-card__image-container"> <img class="top-card__image" alt="CSS Essential Training" data-delayed-url="https://media.licdn.com/dms/image/v2/D560DAQFbwOobZ3xBZg/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1691438871844?e=2147483647&v=beta&t=klsoR7dlyYB5m4UfG6pT9o2eu4xK-9agetTIp67MNtQ"> <a class="top-card__overlay-button" data-tracking-control-name="course_preview" data-tracking-will-navigate href="https://www.linkedin.com/learning/css-essential-training-22688362/getting-started-with-css?autoplay=true&trk=course_preview"> <span class="top-card__preview-cta "> <icon class="top-card__preview-icon" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/5jwhkytplzxiejvhzfu0t7m8l"> </icon> <span class="top-card__preview-cta-text">Preview</span> </span>  </a> </section> <div class="top-card-layout__card relative p-2 papabear:p-details-container-padding"> <div class="top-card-layout__entity-info-container flex flex-wrap papabear:flex-nowrap"> <div class="top-card-layout__entity-info flex-grow flex-shrink-0 basis-0 babybear:flex-none babybear:w-full babybear:flex-none babybear:w-full"> <h1 class="top-card-layout__title font-sans text-lg papabear:text-xl font-bold leading-open text-color-text mb-0"> CSS Essential Training </h1> <h2 class="top-card-layout__headline break-words font-sans text-md leading-open text-color-text"> <div class="top-card__headline-row"> <span class="top-card__headline-row-item top-card__headline-row-item--large">With Christina Truong</span> <span class="top-card__headline-row-item">Liked by 1,407 users</span> </div> <div class="top-card__headline-row"> <span class="top-card__headline-row-item">Duration: 5h 26m</span> <span class="top-card__headline-row-item">Skill level: Beginner</span> <span class="top-card__headline-row-item">Released: 8/9/2023</span> </div> </h2>   <div class="top-card-layout__cta-container flex flex-wrap mt-0.5 papabear:mt-0 ml-[-12px]"> <a href="http://www.linkedin.com/learning/subscription/products?courseSlug=css-essential-training-22688362&destRedirectURL=https%3A%2F%2Fwww%2Elinkedin%2Ecom%2Flearning%2Fcss-essential-training-22688362&trk=course_info&upsellTrk=lil_upsell_course_info_subscription" data-tracking-control-name="lil_upsell_course_info_subscription" data-tracking-impression-name="lil_upsell_course_info_subscription" data-litms-tracking-control-name="lil_upsell_course_info_subscription" data-tracking-will-navigate class="top-card__upsell-link top-card-layout__cta mt-2 ml-1.5 h-auto babybear:flex-auto top-card-layout__cta--primary btn-md btn-primary" data-test-live-course-sub-upsell> Start my 1-month free trial </a> <a class="buy-for-your-team-cta__link top-card-layout__cta mt-2 ml-1.5 h-auto babybear:flex-auto top-card-layout__cta--secondary btn-md btn-secondary" href="/learning/subscription/teams?veh=lil_upx&src=li-lil-upsell&trk=learning-course_buy-for-your-team-cta" data-tracking-control-name="learning-course_buy-for-your-team-cta" data-tracking-impression-name="lil_upsell_learning-course_buy-for-your-team-cta_teambuy" data-test-live-buy-for-your-team-upsell data-tracking-will-navigate> Buy for my team </a> </div> </div>  </div>   </div> </section> <div class="details mx-details-container-padding"> <section class="core-section-container my-3 course-details">  <h2 class="core-section-container__title section-title"> Course details </h2>  <div class="core-section-container__content break-words"> <section class="show-more-less-html course-details__description" data-max-lines="4"> <div class="show-more-less-html__markup show-more-less-html__markup--clamp-after-4 relative overflow-hidden"> Cascading Style Sheets (CSS) is a stylesheet language that allows you to control the appearance of your webpages. In this hands-on course, instructor Christina Truong demonstrates the concepts that form the foundation of CSS, explaining what you need to know to tweak existing CSS and start writing your own with ease. Christina explains how to add colors and other design elements to take your webpages beyond just black text on a white background. She shows how to use selectors, how the box model defines the spacing and sizing of page elements, and how to style text and manage basic layouts with Flexbox and Grid. Learn the basics of working with typography, creating fluid and responsive layouts, and determining when to use the float and position properties. Along the way, test out your know-how with real-world projects that let you practice applying new content and skills. </div> <button class="show-more-less-html__button show-more-less-button show-more-less-html__button--more ml-0.5" data-tracking-control-name="learning-course_show-more-html-btn" aria-label="i18n_show_more" aria-expanded="false">  Show more <icon class="show-more-less-html__button-icon show-more-less-button-icon" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cyolgscd0imw2ldqppkrb84vo"></icon> </button> <button class="show-more-less-html__button show-more-less-button show-more-less-html__button--less ml-0.5" data-tracking-control-name="learning-course_show-less-html-btn" aria-label="i18n_show_less" aria-expanded="true">  Show less <icon class="show-more-less-html__button-icon show-more-less-button-icon" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/4chtt12k98xwnba1nimld2oyg"></icon> </button>  </section> </div> </section> <section class="core-section-container my-3 course-skills">  <h2 class="core-section-container__title section-title"> Skills you’ll gain </h2>  <div class="core-section-container__content break-words"> <ul class="course-skills__skill-list"> <li class="course-skills__skill-list-item"> <a href="https://www.linkedin.com/learning/topics/css-2?trk=learning-course_pill-list" data-tracking-control-name="learning-course_pill-list" data-tracking-will-navigate class="pill flex w-fit mr-[6px] mb-1 hover:no-underline skill-pill"> Cascading Style Sheets (CSS) </a> </li> </ul> </div> </section> <section class="core-section-container my-3">  <h2 class="core-section-container__title section-title"> Earn a sharable certificate </h2>  <div class="core-section-container__content break-words"> <p class="course-certificate__body-paragraph">Share what you’ve learned, and be a standout professional in your desired industry with a certificate showcasing your knowledge gained from the course.</p> <div class="course-certificate__image-container"> <img class="course-certificate__certificate-image" alt="Sample certificate" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/52nu8qc7cfcn7vrftr7ttceqt"> <div> <h3 class="course-certificate__detail-list-heading"> <div class="learning-logo"> <icon class="learning-logo__inbug onload" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/4zqr0f9jf98vi2nkijyc3bex2"></icon> <span class="learning-logo__text learning-logo__text--show-on-mobile" aria-hidden="true">Learning</span> <span class="sr-only">LinkedIn Learning</span> </div> <span>Certificate of Completion</span> </h3> <ul> <li class="course-certificate__detail-list-item"> <div class="course-certificate__detail-list-item-icon-wrapper"><icon data-delayed-url="https://static.licdn.com/aero-v1/sc/h/5lqa4dj5v9gp6yjh6s6iwtdbb"></icon></div> <p class="course-certificate__detail-list-item-text">Showcase on your LinkedIn profile under “Licenses and Certificate” section</p> </li> <li class="course-certificate__detail-list-item"> <div class="course-certificate__detail-list-item-icon-wrapper"><icon data-delayed-url="https://static.licdn.com/aero-v1/sc/h/5lqa4dj5v9gp6yjh6s6iwtdbb"></icon></div> <p class="course-certificate__detail-list-item-text">Download or print out as PDF to share with others</p> </li> <li class="course-certificate__detail-list-item"> <div class="course-certificate__detail-list-item-icon-wrapper"><icon data-delayed-url="https://static.licdn.com/aero-v1/sc/h/5lqa4dj5v9gp6yjh6s6iwtdbb"></icon></div> <p class="course-certificate__detail-list-item-text">Share as image online to demonstrate your skill</p> </li> </ul> </div> </div> </div> </section> <section class="core-section-container my-3 course-instructors">  <h2 class="core-section-container__title section-title"> Meet the instructor </h2>  <div class="core-section-container__content break-words"> <ul class="course-instructors__list"> <li class="course-instructors__list-item"> <a href="https://ca.linkedin.com/in/christinatruong?trk=learning-course_instructor" target="_self" data-tracking-control-name="learning-course_instructor" data-tracking-will-navigate class="base-card relative w-full hover:no-underline focus:no-underline base-card--link base-main-card flex flex-wrap py-2 pr-2 babybear:pr-0 base-main-card--link">  <img class="inline-block relative rounded-[50%] w-6 h-6 " data-delayed-url="https://media.licdn.com/dms/image/v2/C5603AQE0cXFz37-7Uw/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1517725238320?e=2147483647&v=beta&t=1qU5TSS6V0qnK1Rmuo7PXEDi-LhEdWclXzp7DmL7bQs" data-ghost-classes="bg-color-entity-ghost-background" data-ghost-url="https://static.licdn.com/aero-v1/sc/h/9c8pery4andzj6ohjkjp54ma2" alt="Click here to view Christina Truong’s instructor page"> <div class="base-main-card__info self-center ml-1 flex-1 relative break-words papabear:min-w-0 mamabear:min-w-0 babybear:w-full"> <h3 class="base-main-card__title font-sans text-[18px] font-bold text-color-text overflow-hidden "> Christina Truong </h3> <h4 class="base-main-card__subtitle body-text text-color-text overflow-hidden"> Web Developer + Educator </h4>   </div>  </a> </li> </ul> </div> </section> <section class="core-section-container my-3 reviews-feed">  <h2 class="core-section-container__title section-title"> Learner reviews </h2>  <div class="core-section-container__content break-words"> <div class="reviews-feed__ratings-summary"> <section class="ratings-summary"> <div class="ratings-summary__overall-rating"> <h3 class="ratings-summary__header"><span class="ratings-summary__rating-average">4.7</span> <span class="ratings-summary__rating-max">out of 5</span></h3> <figure class="ratings-summary__figure"> <span class="star-rating" role="img" aria-label="Rating: 4.7 out of 5 stars"> <span class="star-rating__icon-container" aria-hidden="true"> <icon class="star-rating__icon star-rating__icon--small " data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cg0ud3t24av7pe8eamnp39hfq"></icon> </span> <span class="star-rating__icon-container" aria-hidden="true"> <icon class="star-rating__icon star-rating__icon--small " data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cg0ud3t24av7pe8eamnp39hfq"></icon> </span> <span class="star-rating__icon-container" aria-hidden="true"> <icon class="star-rating__icon star-rating__icon--small " data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cg0ud3t24av7pe8eamnp39hfq"></icon> </span> <span class="star-rating__icon-container" aria-hidden="true"> <icon class="star-rating__icon star-rating__icon--small " data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cg0ud3t24av7pe8eamnp39hfq"></icon> </span> <span class="star-rating__icon-container" aria-hidden="true"> <icon class="star-rating__icon star-rating__icon--small " data-delayed-url="https://static.licdn.com/aero-v1/sc/h/7dacecy4xq1otzk8pae2g0hxd"></icon> </span> </span> <figcaption class="ratings-summary__ratings-total">1,197 ratings</figcaption> </figure> </div> <div class="ratings-summary__breakdown"> <div class="ratings-summary__disclaimer"> <div class="tooltip"> <button class="tooltip__trigger ratings-summary__disclaimer-trigger" data-tracking-control-name="toggle_disclaimer" type="button"> <icon class="ratings-summary__disclaimer-icon" data-svg-class-name="ratings-summary__disclaimer-icon-svg" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/g8uts9v3k83n9e3iyvcxit0k"> </icon> <span class="ratings-summary__disclaimer-text">How are ratings calculated?</span> </button> <span role="tooltip" class="tooltip__popup" aria-hidden="true"> The overall rating is calculated using the average of submitted ratings. Ratings and reviews can only be submitted when non-anonymous learners complete at least 40% of the course. This helps us avoid fake reviews and spam. </span> </div> </div> <ul> <li> <figure class="ratings-summary__rating-count"> <figcaption class="ratings-summary__rating-count-label"> 5 star </figcaption> <progress class="ratings-summary__progress-bar" max="1197" value="938" aria-valuemin="0" aria-valuenow="938" aria-valuemax="1197"> Current value: 938 </progress> <span class="ratings-summary__rating-count-percent"> 78% </span> </figure> </li> <li> <figure class="ratings-summary__rating-count"> <figcaption class="ratings-summary__rating-count-label"> 4 star </figcaption> <progress class="ratings-summary__progress-bar" max="1197" value="199" aria-valuemin="0" aria-valuenow="199" aria-valuemax="1197"> Current value: 199 </progress> <span class="ratings-summary__rating-count-percent"> 17% </span> </figure> </li> <li> <figure class="ratings-summary__rating-count"> <figcaption class="ratings-summary__rating-count-label"> 3 star </figcaption> <progress class="ratings-summary__progress-bar" max="1197" value="46" aria-valuemin="0" aria-valuenow="46" aria-valuemax="1197"> Current value: 46 </progress> <span class="ratings-summary__rating-count-percent"> 4% </span> </figure> </li> <li> <figure class="ratings-summary__rating-count"> <figcaption class="ratings-summary__rating-count-label"> 2 star </figcaption> <progress class="ratings-summary__progress-bar" max="1197" value="7" aria-valuemin="0" aria-valuenow="7" aria-valuemax="1197"> Current value: 7 </progress> <span class="ratings-summary__rating-count-percent"> <1% </span> </figure> </li> <li> <figure class="ratings-summary__rating-count"> <figcaption class="ratings-summary__rating-count-label"> 1 star </figcaption> <progress class="ratings-summary__progress-bar" max="1197" value="7" aria-valuemin="0" aria-valuenow="7" aria-valuemax="1197"> Current value: 7 </progress> <span class="ratings-summary__rating-count-percent"> <1% </span> </figure> </li> </ul> </div> </section> </div> <ul class="reviews-feed__reviews-list"> <li class="reviews-feed__reviews-list-item"> <div class="review-card"> <div class="base-card relative w-full hover:no-underline focus:no-underline base-card--link base-main-card flex flex-wrap py-2 pr-2 babybear:pr-0 base-main-card--link review-card__entity"> <a class="base-card__full-link absolute top-0 right-0 bottom-0 left-0 p-0 z-[2]" href="https://in.linkedin.com/in/aditya-wable-4a26a62aa?trk=learning-course" data-tracking-control-name="learning-course" data-tracking-will-navigate> <span class="sr-only"> Aditya Wable  </span> </a> <img class="inline-block relative rounded-[50%] w-6 h-6 " data-delayed-url="https://media.licdn.com/dms/image/v2/D5603AQEsL848pJNZQw/profile-displayphoto-shrink_100_100/profile-displayphoto-shrink_100_100/0/1730341542012?e=2147483647&v=beta&t=EgOg6c1txVbKYSUBwy0doUPQTUuA7MRshev1XMPRuxM" data-ghost-classes="bg-color-entity-ghost-background" data-ghost-url="https://static.licdn.com/aero-v1/sc/h/9c8pery4andzj6ohjkjp54ma2" alt="Aditya Wable"> <div class="base-main-card__info self-center ml-1 flex-1 relative break-words papabear:min-w-0 mamabear:min-w-0 babybear:w-full"> <h3 class="base-main-card__title font-sans text-[18px] font-bold text-color-text overflow-hidden "> Aditya Wable  </h3> <h4 class="base-main-card__subtitle body-text text-color-text overflow-hidden"> Computer Engineering @ Java | C++ | HTML | CSS | JavaScript | Java Data Structure and Algorithm </h4>  <div class="body-text text-color-text-low-emphasis base-main-card__metadata"> <div class="review-card__content"> <div class="review-card__centered-row"> <div class="review-card__star-container"> <span class="star-rating" role="img" aria-label="Rating: 4 out of 5 stars"> <span class="star-rating__icon-container" aria-hidden="true"> <icon class="star-rating__icon star-rating__icon--small " data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cg0ud3t24av7pe8eamnp39hfq"></icon> </span> <span class="star-rating__icon-container" aria-hidden="true"> <icon class="star-rating__icon star-rating__icon--small " data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cg0ud3t24av7pe8eamnp39hfq"></icon> </span> <span class="star-rating__icon-container" aria-hidden="true"> <icon class="star-rating__icon star-rating__icon--small " data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cg0ud3t24av7pe8eamnp39hfq"></icon> </span> <span class="star-rating__icon-container" aria-hidden="true"> <icon class="star-rating__icon star-rating__icon--small " data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cg0ud3t24av7pe8eamnp39hfq"></icon> </span> <span class="star-rating__icon-container" aria-hidden="true"> <icon class="star-rating__icon star-rating__icon--small " data-delayed-url="https://static.licdn.com/aero-v1/sc/h/e0hq4l058yoqerjsrssp5pbr0"></icon> </span> </span> </div> <span class="review-card__rating"> 4/5 </span> <span class="review-card__date"> October 30, 2024 </span> </div> <div class="review-card__text"> good </div> <div class="review-card__centered-row review-card__actions"> <a class="review-card__centered-row review-card__action-button" aria-label="Aditya Wable’s comment is helpful" data-tracking-control-name="learning-course_review-card-helpful-button" data-tracking-will-navigate href="https://www.linkedin.com/learning-login/?redirect=https%3A%2F%2Fwww%2Elinkedin%2Ecom%2Flearning%2Fcss-essential-training-22688362%3Ftrk%3Dlearning-topics_learning-search-card_search-card%26trk%3Dlearning-topics_learning-search-card_search-card&trk=learning-course_review-card-helpful-button" rel="nofollow"> <icon class="review-card__centered-row review-card__action-icon" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/5ptx189gjbxrh9wf3ncsehms9" data-svg-class-name="review-card__like-icon"></icon> Helpful </a> <span class="review-card__dot-delimiter">·</span> <a class="review-card__centered-row review-card__action-button" aria-label="Report Aditya Wable’s comment" data-tracking-control-name="learning-course_review-card-report-button" data-tracking-will-navigate href="https://www.linkedin.com/learning-login/?redirect=https%3A%2F%2Fwww%2Elinkedin%2Ecom%2Flearning%2Fcss-essential-training-22688362%3Ftrk%3Dlearning-topics_learning-search-card_search-card%26trk%3Dlearning-topics_learning-search-card_search-card&trk=learning-course_review-card-report-button" rel="nofollow"> <icon class="review-card__centered-row review-card__action-icon" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/d04ze1wt0ev8ck8e4ovqk762o" data-svg-class-name="review-card__flag-icon"></icon> Report </a> </div> </div> </div> </div>  </div> </div> </li> <li class="reviews-feed__reviews-list-item"> <div class="review-card"> <div class="base-card relative w-full hover:no-underline focus:no-underline base-card--link base-main-card flex flex-wrap py-2 pr-2 babybear:pr-0 base-main-card--link review-card__entity"> <a class="base-card__full-link absolute top-0 right-0 bottom-0 left-0 p-0 z-[2]" href="https://ma.linkedin.com/in/azzedinekhamlichi?trk=learning-course" data-tracking-control-name="learning-course" data-tracking-will-navigate> <span class="sr-only"> azzedine el khamlichi  </span> </a> <img class="inline-block relative rounded-[50%] w-6 h-6 " data-delayed-url="https://media.licdn.com/dms/image/v2/D4E03AQEMOImJYc1fOg/profile-displayphoto-shrink_100_100/profile-displayphoto-shrink_100_100/0/1693521898255?e=2147483647&v=beta&t=e3fBJlMI0smk4mVex9v2F6qOn2sFfamzPAPKDXKXIR4" data-ghost-classes="bg-color-entity-ghost-background" data-ghost-url="https://static.licdn.com/aero-v1/sc/h/9c8pery4andzj6ohjkjp54ma2" alt="azzedine el khamlichi"> <div class="base-main-card__info self-center ml-1 flex-1 relative break-words papabear:min-w-0 mamabear:min-w-0 babybear:w-full"> <h3 class="base-main-card__title font-sans text-[18px] font-bold text-color-text overflow-hidden "> azzedine el khamlichi  </h3> <h4 class="base-main-card__subtitle body-text text-color-text overflow-hidden"> Full Stack Software Engineering 🔴 JavaScript || Node.js || NextJS || ReactJS </h4>  <div class="body-text text-color-text-low-emphasis base-main-card__metadata"> <div class="review-card__content"> <div class="review-card__centered-row"> <div class="review-card__star-container"> <span class="star-rating" role="img" aria-label="Rating: 5 out of 5 stars"> <span class="star-rating__icon-container" aria-hidden="true"> <icon class="star-rating__icon star-rating__icon--small " data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cg0ud3t24av7pe8eamnp39hfq"></icon> </span> <span class="star-rating__icon-container" aria-hidden="true"> <icon class="star-rating__icon star-rating__icon--small " data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cg0ud3t24av7pe8eamnp39hfq"></icon> </span> <span class="star-rating__icon-container" aria-hidden="true"> <icon class="star-rating__icon star-rating__icon--small " data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cg0ud3t24av7pe8eamnp39hfq"></icon> </span> <span class="star-rating__icon-container" aria-hidden="true"> <icon class="star-rating__icon star-rating__icon--small " data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cg0ud3t24av7pe8eamnp39hfq"></icon> </span> <span class="star-rating__icon-container" aria-hidden="true"> <icon class="star-rating__icon star-rating__icon--small " data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cg0ud3t24av7pe8eamnp39hfq"></icon> </span> </span> </div> <span class="review-card__rating"> 5/5 </span> <span class="review-card__date"> October 15, 2024 </span> </div> <div class="review-card__text"> good </div> <div class="review-card__centered-row review-card__actions"> <a class="review-card__centered-row review-card__action-button" aria-label="azzedine el khamlichi’s comment is helpful" data-tracking-control-name="learning-course_review-card-helpful-button" data-tracking-will-navigate href="https://www.linkedin.com/learning-login/?redirect=https%3A%2F%2Fwww%2Elinkedin%2Ecom%2Flearning%2Fcss-essential-training-22688362%3Ftrk%3Dlearning-topics_learning-search-card_search-card%26trk%3Dlearning-topics_learning-search-card_search-card&trk=learning-course_review-card-helpful-button" rel="nofollow"> <icon class="review-card__centered-row review-card__action-icon" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/5ptx189gjbxrh9wf3ncsehms9" data-svg-class-name="review-card__like-icon"></icon> Helpful </a> <span class="review-card__dot-delimiter">·</span> <a class="review-card__centered-row review-card__action-button" aria-label="Report azzedine el khamlichi’s comment" data-tracking-control-name="learning-course_review-card-report-button" data-tracking-will-navigate href="https://www.linkedin.com/learning-login/?redirect=https%3A%2F%2Fwww%2Elinkedin%2Ecom%2Flearning%2Fcss-essential-training-22688362%3Ftrk%3Dlearning-topics_learning-search-card_search-card%26trk%3Dlearning-topics_learning-search-card_search-card&trk=learning-course_review-card-report-button" rel="nofollow"> <icon class="review-card__centered-row review-card__action-icon" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/d04ze1wt0ev8ck8e4ovqk762o" data-svg-class-name="review-card__flag-icon"></icon> Report </a> </div> </div> </div> </div>  </div> </div> </li> </ul> </div> </section> </div> </section> <section class="right-rail papabear:w-right-rail-width papabear:ml-column-gutter mamabear:max-w-[790px] mamabear:px-mobile-container-padding babybear:max-w-[790px] babybear:px-mobile-container-padding"> <section class="table-of-contents mb-4 table-of-contents--with-max-height"> <h2 class="table-of-contents__header"> Contents </h2> <ul class="table-of-contents__list"> <li class="toc-section"> <div class="show-more-less"> <button class="show-more-less__button show-more-less__more-button show-more-less-button " aria-expanded="false" data-tracking-control-name="learning-course_toc-section_show_more"> Introduction <icon class="show-more-less__button--chevron show-more-less-button-icon" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cyolgscd0imw2ldqppkrb84vo"></icon> </button> <button class="show-more-less__button show-more-less__less-button show-more-less-button show-more-less__button--hide" aria-expanded="false" data-tracking-control-name="learning-course_toc-section_show_more"> Introduction <icon class="show-more-less__button--chevron show-more-less-button-icon" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/4chtt12k98xwnba1nimld2oyg"></icon> </button> <ul data-max-num-to-show="0" class="show-more-less__list show-more-less__list--hide-after-0" data-impression-id="learning-course_toc-section_show-more-less"> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://www.linkedin.com/learning/css-essential-training-22688362/getting-started-with-css?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <icon class="table-of-contents__item-status table-of-contents__item-status--unlocked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/5jwhkytplzxiejvhzfu0t7m8l" data-svg-class-name="table-of-contents__item-status-svg--unlocked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Getting started with CSS </div> <div class="table-of-contents__item-duration"> 43s </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://www.linkedin.com/learning/css-essential-training-22688362/what-you-should-know?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <icon class="table-of-contents__item-status table-of-contents__item-status--unlocked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/5jwhkytplzxiejvhzfu0t7m8l" data-svg-class-name="table-of-contents__item-status-svg--unlocked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> What you should know </div> <div class="table-of-contents__item-duration"> 26s </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://www.linkedin.com/learning/css-essential-training-22688362/how-to-complete-the-exercises?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <icon class="table-of-contents__item-status table-of-contents__item-status--unlocked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/5jwhkytplzxiejvhzfu0t7m8l" data-svg-class-name="table-of-contents__item-status-svg--unlocked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> How to complete the exercises </div> <div class="table-of-contents__item-duration"> 1m 29s </div> </div> </a> </li> </ul>  </div> </li> <li class="toc-section"> <div class="show-more-less"> <button class="show-more-less__button show-more-less__more-button show-more-less-button " aria-expanded="false" data-tracking-control-name="learning-course_toc-section_show_more"> 1. Getting Started <icon class="show-more-less__button--chevron show-more-less-button-icon" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cyolgscd0imw2ldqppkrb84vo"></icon> </button> <button class="show-more-less__button show-more-less__less-button show-more-less-button show-more-less__button--hide" aria-expanded="false" data-tracking-control-name="learning-course_toc-section_show_more"> 1. Getting Started <icon class="show-more-less__button--chevron show-more-less-button-icon" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/4chtt12k98xwnba1nimld2oyg"></icon> </button> <ul data-max-num-to-show="0" class="show-more-less__list show-more-less__list--hide-after-0" data-impression-id="learning-course_toc-section_show-more-less"> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://www.linkedin.com/learning/css-essential-training-22688362/html-and-css?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <icon class="table-of-contents__item-status table-of-contents__item-status--unlocked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/5jwhkytplzxiejvhzfu0t7m8l" data-svg-class-name="table-of-contents__item-status-svg--unlocked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> HTML and CSS </div> <div class="table-of-contents__item-duration"> 1m 10s </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://www.linkedin.com/learning/css-essential-training-22688362/working-with-website-files?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Locked)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Working with website files </div> <div class="table-of-contents__item-duration"> 3m 25s </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://www.linkedin.com/learning/css-essential-training-22688362/writing-code-with-a-text-editor?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Locked)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Writing code with a text editor </div> <div class="table-of-contents__item-duration"> 3m 40s </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://www.linkedin.com/learning/css-essential-training-22688362/customizing-your-text-editor?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Locked)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Customizing your text editor </div> <div class="table-of-contents__item-duration"> 3m 29s </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://www.linkedin.com/learning/css-essential-training-22688362/project-overview-and-setup?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Locked)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Project: Overview and setup </div> <div class="table-of-contents__item-duration"> 7m 46s </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://www.linkedin.com/learning/css-essential-training-22688362/where-to-find-images?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Locked)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Where to find images </div> <div class="table-of-contents__item-duration"> 2m 52s </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://www.linkedin.com/learning/css-essential-training-22688362/optimizing-images-for-the-web?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Locked)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Optimizing images for the web </div> <div class="table-of-contents__item-duration"> 3m 41s </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://www.linkedin.com/learning/css-essential-training-22688362/relative-and-absolute-paths?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Locked)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Relative and absolute paths </div> <div class="table-of-contents__item-duration"> 2m 43s </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://www.linkedin.com/learning/css-essential-training-22688362/project-adding-images-and-icons?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Locked)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Project: Adding images and icons </div> <div class="table-of-contents__item-duration"> 7m 13s </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://www.linkedin.com/learning/css-essential-training-22688362/referencing-css?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Locked)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Referencing CSS </div> <div class="table-of-contents__item-duration"> 2m 44s </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://www.linkedin.com/learning/css-essential-training-22688362/project-creating-a-css-file?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Locked)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Project: Creating a CSS file </div> <div class="table-of-contents__item-duration"> 3m 4s </div> </div> </a> </li> </ul>  </div> </li> <li class="toc-section"> <div class="show-more-less"> <button class="show-more-less__button show-more-less__more-button show-more-less-button " aria-expanded="false" data-tracking-control-name="learning-course_toc-section_show_more"> 2. CSS Core Concepts <icon class="show-more-less__button--chevron show-more-less-button-icon" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cyolgscd0imw2ldqppkrb84vo"></icon> </button> <button class="show-more-less__button show-more-less__less-button show-more-less-button show-more-less__button--hide" aria-expanded="false" data-tracking-control-name="learning-course_toc-section_show_more"> 2. CSS Core Concepts <icon class="show-more-less__button--chevron show-more-less-button-icon" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/4chtt12k98xwnba1nimld2oyg"></icon> </button> <ul data-max-num-to-show="0" class="show-more-less__list show-more-less__list--hide-after-0" data-impression-id="learning-course_toc-section_show-more-less"> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://www.linkedin.com/learning/css-essential-training-22688362/css-specifications-and-the-w3c?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <icon class="table-of-contents__item-status table-of-contents__item-status--unlocked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/5jwhkytplzxiejvhzfu0t7m8l" data-svg-class-name="table-of-contents__item-status-svg--unlocked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> CSS specifications and the W3C </div> <div class="table-of-contents__item-duration"> 3m 12s </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://www.linkedin.com/learning/css-essential-training-22688362/css-syntax-and-terminology?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Locked)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> CSS syntax and terminology </div> <div class="table-of-contents__item-duration"> 4m 2s </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://www.linkedin.com/learning/css-essential-training-22688362/css-values-and-units?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Locked)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> CSS values and units </div> <div class="table-of-contents__item-duration"> 3m 33s </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://www.linkedin.com/learning/css-essential-training-22688362/the-color-property-and-values?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Locked)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> The color property and values </div> <div class="table-of-contents__item-duration"> 4m 31s </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://www.linkedin.com/learning/css-essential-training-22688362/creating-a-color-palette?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Locked)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Creating a color palette </div> <div class="table-of-contents__item-duration"> 1m 52s </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://www.linkedin.com/learning/css-essential-training-22688362/type-and-universal-selectors?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Locked)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Type and universal selectors </div> <div class="table-of-contents__item-duration"> 3m 16s </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://www.linkedin.com/learning/css-essential-training-22688362/id-selectors?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Locked)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> ID selectors </div> <div class="table-of-contents__item-duration"> 2m 34s </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://www.linkedin.com/learning/css-essential-training-22688362/class-selectors?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Locked)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Class selectors </div> <div class="table-of-contents__item-duration"> 3m 17s </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://www.linkedin.com/learning/css-essential-training-22688362/descendant-combinators-and-selector-lists?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Locked)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Descendant combinators and selector lists </div> <div class="table-of-contents__item-duration"> 2m 56s </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://www.linkedin.com/learning/css-essential-training-22688362/the-background-property?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Locked)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> The background property </div> <div class="table-of-contents__item-duration"> 4m 39s </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://www.linkedin.com/learning/css-essential-training-22688362/project-prepping-the-css-file?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Locked)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Project: Prepping the CSS file </div> <div class="table-of-contents__item-duration"> 4m 5s </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://www.linkedin.com/learning/css-essential-training-22688362/project-adding-background-styles?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Locked)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Project: Adding background styles </div> <div class="table-of-contents__item-duration"> 7m 39s </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://www.linkedin.com/learning/css-essential-training-22688362/pseudo-classes-and-pseudo-elements?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Locked)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Pseudo-classes and pseudo-elements </div> <div class="table-of-contents__item-duration"> 4m 30s </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://www.linkedin.com/learning/css-essential-training-22688362/inheritance-and-the-cascade?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Locked)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Inheritance and the cascade </div> <div class="table-of-contents__item-duration"> 2m 20s </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://www.linkedin.com/learning/css-essential-training-22688362/specificity?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Locked)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Specificity </div> <div class="table-of-contents__item-duration"> 3m 45s </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://www.linkedin.com/learning/css-essential-training-22688362/project-styling-links?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Locked)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Project: Styling links </div> <div class="table-of-contents__item-duration"> 5m 23s </div> </div> </a> </li> </ul>  </div> </li> <li class="toc-section"> <div class="show-more-less"> <button class="show-more-less__button show-more-less__more-button show-more-less-button " aria-expanded="false" data-tracking-control-name="learning-course_toc-section_show_more"> 3. The CSS Box Model <icon class="show-more-less__button--chevron show-more-less-button-icon" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cyolgscd0imw2ldqppkrb84vo"></icon> </button> <button class="show-more-less__button show-more-less__less-button show-more-less-button show-more-less__button--hide" aria-expanded="false" data-tracking-control-name="learning-course_toc-section_show_more"> 3. The CSS Box Model <icon class="show-more-less__button--chevron show-more-less-button-icon" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/4chtt12k98xwnba1nimld2oyg"></icon> </button> <ul data-max-num-to-show="0" class="show-more-less__list show-more-less__list--hide-after-0" data-impression-id="learning-course_toc-section_show-more-less"> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://www.linkedin.com/learning/css-essential-training-22688362/intro-to-the-css-box-model?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <icon class="table-of-contents__item-status table-of-contents__item-status--unlocked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/5jwhkytplzxiejvhzfu0t7m8l" data-svg-class-name="table-of-contents__item-status-svg--unlocked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Intro to the CSS box model </div> <div class="table-of-contents__item-duration"> 58s </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://www.linkedin.com/learning/css-essential-training-22688362/the-box-model-properties?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Locked)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> The box model properties </div> <div class="table-of-contents__item-duration"> 3m 44s </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://www.linkedin.com/learning/css-essential-training-22688362/box-sizing-and-the-box-model-fix?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Locked)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Box-sizing and the box model fix </div> <div class="table-of-contents__item-duration"> 4m 23s </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://www.linkedin.com/learning/css-essential-training-22688362/inline-block-and-display?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Locked)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Inline, block, and display </div> <div class="table-of-contents__item-duration"> 4m 39s </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://www.linkedin.com/learning/css-essential-training-22688362/project-footer-styles-and-icons?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Locked)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Project: Footer styles and icons </div> <div class="table-of-contents__item-duration"> 4m 4s </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://www.linkedin.com/learning/css-essential-training-22688362/debugging-with-developer-tools?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Locked)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Debugging with developer tools </div> <div class="table-of-contents__item-duration"> 5m 6s </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://www.linkedin.com/learning/css-essential-training-22688362/managing-box-model-quirks?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Locked)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Managing box model quirks </div> <div class="table-of-contents__item-duration"> 4m 2s </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://www.linkedin.com/learning/css-essential-training-22688362/project-background-image-update?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Locked)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Project: Background image update </div> <div class="table-of-contents__item-duration"> 3m 23s </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://www.linkedin.com/learning/css-essential-training-22688362/using-negative-margin-values?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Locked)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Using negative margin values </div> <div class="table-of-contents__item-duration"> 2m 42s </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://www.linkedin.com/learning/css-essential-training-22688362/center-aligning-with-margin?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Locked)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Center aligning with margin </div> <div class="table-of-contents__item-duration"> 3m 42s </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://www.linkedin.com/learning/css-essential-training-22688362/project-adding-content-wrappers?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Locked)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Project: Adding content wrappers </div> <div class="table-of-contents__item-duration"> 4m 44s </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://www.linkedin.com/learning/css-essential-training-22688362/project-adding-a-header-image?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Locked)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Project: Adding a header image </div> <div class="table-of-contents__item-duration"> 5m 56s </div> </div> </a> </li> </ul>  </div> </li> <li class="toc-section"> <div class="show-more-less"> <button class="show-more-less__button show-more-less__more-button show-more-less-button " aria-expanded="false" data-tracking-control-name="learning-course_toc-section_show_more"> 4. Layouts: Float and Position <icon class="show-more-less__button--chevron show-more-less-button-icon" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cyolgscd0imw2ldqppkrb84vo"></icon> </button> <button class="show-more-less__button show-more-less__less-button show-more-less-button show-more-less__button--hide" aria-expanded="false" data-tracking-control-name="learning-course_toc-section_show_more"> 4. Layouts: Float and Position <icon class="show-more-less__button--chevron show-more-less-button-icon" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/4chtt12k98xwnba1nimld2oyg"></icon> </button> <ul data-max-num-to-show="0" class="show-more-less__list show-more-less__list--hide-after-0" data-impression-id="learning-course_toc-section_show-more-less"> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://www.linkedin.com/learning/css-essential-training-22688362/intro-to-css-layout?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <icon class="table-of-contents__item-status table-of-contents__item-status--unlocked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/5jwhkytplzxiejvhzfu0t7m8l" data-svg-class-name="table-of-contents__item-status-svg--unlocked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Intro to CSS Layout </div> <div class="table-of-contents__item-duration"> 1m </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://www.linkedin.com/learning/css-essential-training-22688362/layouts-with-the-float-property?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Locked)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Layouts with the float property </div> <div class="table-of-contents__item-duration"> 3m 50s </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://www.linkedin.com/learning/css-essential-training-22688362/clearing-floats?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Locked)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Clearing floats </div> <div class="table-of-contents__item-duration"> 3m 23s </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://www.linkedin.com/learning/css-essential-training-22688362/project-float-images-and-text?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Locked)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Project: Float images and text </div> <div class="table-of-contents__item-duration"> 6m 47s </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://www.linkedin.com/learning/css-essential-training-22688362/the-position-property?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Locked)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> The position property </div> <div class="table-of-contents__item-duration"> 5m 12s </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://www.linkedin.com/learning/css-essential-training-22688362/position-and-z-index?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Locked)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Position and z-index </div> <div class="table-of-contents__item-duration"> 4m 11s </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://www.linkedin.com/learning/css-essential-training-22688362/project-fixed-positioning?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Locked)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Project: Fixed positioning </div> <div class="table-of-contents__item-duration"> 3m 21s </div> </div> </a> </li> </ul>  </div> </li> <li class="toc-section"> <div class="show-more-less"> <button class="show-more-less__button show-more-less__more-button show-more-less-button " aria-expanded="false" data-tracking-control-name="learning-course_toc-section_show_more"> 5. Layouts: Flexbox and Grid <icon class="show-more-less__button--chevron show-more-less-button-icon" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cyolgscd0imw2ldqppkrb84vo"></icon> </button> <button class="show-more-less__button show-more-less__less-button show-more-less-button show-more-less__button--hide" aria-expanded="false" data-tracking-control-name="learning-course_toc-section_show_more"> 5. Layouts: Flexbox and Grid <icon class="show-more-less__button--chevron show-more-less-button-icon" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/4chtt12k98xwnba1nimld2oyg"></icon> </button> <ul data-max-num-to-show="0" class="show-more-less__list show-more-less__list--hide-after-0" data-impression-id="learning-course_toc-section_show-more-less"> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://www.linkedin.com/learning/css-essential-training-22688362/intro-to-grid-and-flexbox?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <icon class="table-of-contents__item-status table-of-contents__item-status--unlocked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/5jwhkytplzxiejvhzfu0t7m8l" data-svg-class-name="table-of-contents__item-status-svg--unlocked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Intro to Grid and Flexbox </div> <div class="table-of-contents__item-duration"> 59s </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://www.linkedin.com/learning/css-essential-training-22688362/intro-to-flexbox?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Locked)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Intro to Flexbox </div> <div class="table-of-contents__item-duration"> 2m 25s </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://www.linkedin.com/learning/css-essential-training-22688362/flexbox-orientation-and-ordering?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Locked)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Flexbox: Orientation and ordering </div> <div class="table-of-contents__item-duration"> 3m 1s </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://www.linkedin.com/learning/css-essential-training-22688362/sizing-with-flex-properties?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Locked)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Sizing with flex properties </div> <div class="table-of-contents__item-duration"> 2m 29s </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://www.linkedin.com/learning/css-essential-training-22688362/flexbox-exercise?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Locked)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Flexbox exercise </div> <div class="table-of-contents__item-duration"> 3m 51s </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://www.linkedin.com/learning/css-essential-training-22688362/project-sticky-footer-with-flexbox?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Locked)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Project: Sticky footer with flexbox </div> <div class="table-of-contents__item-duration"> 5m 39s </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://www.linkedin.com/learning/css-essential-training-22688362/aligning-flex-items?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Locked)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Aligning flex items </div> <div class="table-of-contents__item-duration"> 3m 20s </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://www.linkedin.com/learning/css-essential-training-22688362/project-aligning-elements-with-flexbox?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Locked)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Project: Aligning elements with Flexbox </div> <div class="table-of-contents__item-duration"> 3m 41s </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://www.linkedin.com/learning/css-essential-training-22688362/intro-to-css-grid?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Locked)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Intro to CSS Grid </div> <div class="table-of-contents__item-duration"> 2m 23s </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://www.linkedin.com/learning/css-essential-training-22688362/the-explicit-grid?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Locked)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> The explicit grid </div> <div class="table-of-contents__item-duration"> 3m 59s </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://www.linkedin.com/learning/css-essential-training-22688362/the-implicit-grid?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Locked)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> The implicit grid </div> <div class="table-of-contents__item-duration"> 2m 58s </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://www.linkedin.com/learning/css-essential-training-22688362/adding-gutters-with-the-gap-property?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Locked)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Adding gutters with the gap property </div> <div class="table-of-contents__item-duration"> 1m 21s </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://www.linkedin.com/learning/css-essential-training-22688362/project-adding-columns-with-grid?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Locked)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Project: Adding columns with Grid </div> <div class="table-of-contents__item-duration"> 8m 15s </div> </div> </a> </li> </ul>  </div> </li> <li class="toc-section"> <div class="show-more-less"> <button class="show-more-less__button show-more-less__more-button show-more-less-button " aria-expanded="false" data-tracking-control-name="learning-course_toc-section_show_more"> 6. Typography <icon class="show-more-less__button--chevron show-more-less-button-icon" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cyolgscd0imw2ldqppkrb84vo"></icon> </button> <button class="show-more-less__button show-more-less__less-button show-more-less-button show-more-less__button--hide" aria-expanded="false" data-tracking-control-name="learning-course_toc-section_show_more"> 6. Typography <icon class="show-more-less__button--chevron show-more-less-button-icon" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/4chtt12k98xwnba1nimld2oyg"></icon> </button> <ul data-max-num-to-show="0" class="show-more-less__list show-more-less__list--hide-after-0" data-impression-id="learning-course_toc-section_show-more-less"> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://www.linkedin.com/learning/css-essential-training-22688362/typography-for-the-web?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <icon class="table-of-contents__item-status table-of-contents__item-status--unlocked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/5jwhkytplzxiejvhzfu0t7m8l" data-svg-class-name="table-of-contents__item-status-svg--unlocked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Typography for the web </div> <div class="table-of-contents__item-duration"> 3m 11s </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://www.linkedin.com/learning/css-essential-training-22688362/changing-fonts-with-font-family?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Locked)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Changing fonts with font-family </div> <div class="table-of-contents__item-duration"> 2m 59s </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://www.linkedin.com/learning/css-essential-training-22688362/font-weight-and-font-style?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Locked)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> font-weight and font-style </div> <div class="table-of-contents__item-duration"> 3m 3s </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://www.linkedin.com/learning/css-essential-training-22688362/web-fonts-with-font-face?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Locked)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Web fonts with @font-face </div> <div class="table-of-contents__item-duration"> 2m 31s </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://www.linkedin.com/learning/css-essential-training-22688362/web-fonts-with-google-fonts?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Locked)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Web fonts with Google Fonts </div> <div class="table-of-contents__item-duration"> 3m 18s </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://www.linkedin.com/learning/css-essential-training-22688362/project-google-fonts?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Locked)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Project: Google Fonts </div> <div class="table-of-contents__item-duration"> 4m 5s </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://www.linkedin.com/learning/css-essential-training-22688362/the-font-size-property?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Locked)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> The font-size property </div> <div class="table-of-contents__item-duration"> 4m 6s </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://www.linkedin.com/learning/css-essential-training-22688362/font-size-and-accessibility?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Locked)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Font-size and accessibility </div> <div class="table-of-contents__item-duration"> 6m 39s </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://www.linkedin.com/learning/css-essential-training-22688362/text-align-and-text-transform?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Locked)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Text-align and text-transform </div> <div class="table-of-contents__item-duration"> 3m 26s </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://www.linkedin.com/learning/css-essential-training-22688362/line-height-and-letter-spacing?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Locked)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Line-height and letter-spacing </div> <div class="table-of-contents__item-duration"> 3m 22s </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://www.linkedin.com/learning/css-essential-training-22688362/project-typography-styles?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Locked)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Project: Typography styles </div> <div class="table-of-contents__item-duration"> 6m 56s </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://www.linkedin.com/learning/css-essential-training-22688362/project-buttons-and-spacing?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Locked)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Project: Buttons and spacing </div> <div class="table-of-contents__item-duration"> 9m 23s </div> </div> </a> </li> </ul>  </div> </li> <li class="toc-section"> <div class="show-more-less"> <button class="show-more-less__button show-more-less__more-button show-more-less-button " aria-expanded="false" data-tracking-control-name="learning-course_toc-section_show_more"> 7. Layouts: Fluid and Responsive <icon class="show-more-less__button--chevron show-more-less-button-icon" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cyolgscd0imw2ldqppkrb84vo"></icon> </button> <button class="show-more-less__button show-more-less__less-button show-more-less-button show-more-less__button--hide" aria-expanded="false" data-tracking-control-name="learning-course_toc-section_show_more"> 7. Layouts: Fluid and Responsive <icon class="show-more-less__button--chevron show-more-less-button-icon" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/4chtt12k98xwnba1nimld2oyg"></icon> </button> <ul data-max-num-to-show="0" class="show-more-less__list show-more-less__list--hide-after-0" data-impression-id="learning-course_toc-section_show-more-less"> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://www.linkedin.com/learning/css-essential-training-22688362/intro-to-responsive-design?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <icon class="table-of-contents__item-status table-of-contents__item-status--unlocked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/5jwhkytplzxiejvhzfu0t7m8l" data-svg-class-name="table-of-contents__item-status-svg--unlocked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Intro to responsive design </div> <div class="table-of-contents__item-duration"> 1m 29s </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://www.linkedin.com/learning/css-essential-training-22688362/intro-to-media-queries?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Locked)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Intro to media queries </div> <div class="table-of-contents__item-duration"> 4m 32s </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://www.linkedin.com/learning/css-essential-training-22688362/breakpoints-and-media-queries?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Locked)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Breakpoints and media queries </div> <div class="table-of-contents__item-duration"> 3m 32s </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://www.linkedin.com/learning/css-essential-training-22688362/fluid-layouts?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Locked)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Fluid layouts </div> <div class="table-of-contents__item-duration"> 2m 36s </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://www.linkedin.com/learning/css-essential-training-22688362/the-viewport-meta-tag?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Locked)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> The viewport meta tag </div> <div class="table-of-contents__item-duration"> 1m 53s </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://www.linkedin.com/learning/css-essential-training-22688362/testing-responsive-layouts?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Locked)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Testing responsive layouts </div> <div class="table-of-contents__item-duration"> 3m 1s </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://www.linkedin.com/learning/css-essential-training-22688362/project-breakpoints?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Locked)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Project: Breakpoints </div> <div class="table-of-contents__item-duration"> 3m 38s </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://www.linkedin.com/learning/css-essential-training-22688362/project-media-queries-part-1?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Locked)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Project: Media queries: Part 1 </div> <div class="table-of-contents__item-duration"> 12m 26s </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://www.linkedin.com/learning/css-essential-training-22688362/project-media-queries-part-2?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Locked)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Project: Media queries: Part 2 </div> <div class="table-of-contents__item-duration"> 8m 26s </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://www.linkedin.com/learning/css-essential-training-22688362/project-media-queries-part-3?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Locked)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Project: Media queries: Part 3 </div> <div class="table-of-contents__item-duration"> 6m 17s </div> </div> </a> </li> </ul>  </div> </li> <li class="toc-section"> <div class="show-more-less"> <button class="show-more-less__button show-more-less__more-button show-more-less-button " aria-expanded="false" data-tracking-control-name="learning-course_toc-section_show_more"> Conclusion <icon class="show-more-less__button--chevron show-more-less-button-icon" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cyolgscd0imw2ldqppkrb84vo"></icon> </button> <button class="show-more-less__button show-more-less__less-button show-more-less-button show-more-less__button--hide" aria-expanded="false" data-tracking-control-name="learning-course_toc-section_show_more"> Conclusion <icon class="show-more-less__button--chevron show-more-less-button-icon" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/4chtt12k98xwnba1nimld2oyg"></icon> </button> <ul data-max-num-to-show="0" class="show-more-less__list show-more-less__list--hide-after-0" data-impression-id="learning-course_toc-section_show-more-less"> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://www.linkedin.com/learning/css-essential-training-22688362/continuing-beyond-the-essentials-with-css?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Locked)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Continuing beyond the essentials with CSS </div> <div class="table-of-contents__item-duration"> 42s </div> </div> </a> </li> </ul>  </div> </li> </ul> </section> <section class="aside-section-container mb-4 subscription-value-props-aside-section"> <h2 class="aside-section-container__title section-title"> What’s included </h2>  <div class="aside-section-container__content break-words"> <ul> <li class="subscription-value-props-aside-section__list-item"> <span class="subscription-value-props-aside-section__value-prop-label">Practice while you learn</span> <span class="subscription-value-props-aside-section__value-prop-sublabel">1 exercise file</span> </li> <li class="subscription-value-props-aside-section__list-item"> <span class="subscription-value-props-aside-section__value-prop-label">Test your knowledge</span> <span class="subscription-value-props-aside-section__value-prop-sublabel">7 quizzes</span> </li> <li class="subscription-value-props-aside-section__list-item"> <span class="subscription-value-props-aside-section__value-prop-label">Learn on the go</span> <span class="subscription-value-props-aside-section__value-prop-sublabel">Access on tablet and phone</span> </li>  </ul> </div> </section> <section class="aside-section-container mb-4 similar-courses-aside-section"> <h2 class="aside-section-container__title section-title"> Similar courses </h2>  <div class="aside-section-container__content break-words"> <ul> <li>  <a href="https://www.linkedin.com/learning/css-for-programmers?trk=learning-course_similar-courses" target="_self" data-tracking-control-name="learning-course_similar-courses" data-tracking-will-navigate class="base-card relative w-full hover:no-underline focus:no-underline base-card--link base-aside-card flex my-1.5 hover:show-play-button focus:show-play-button base-aside-card--link aside-learning-course-card">  <div class="base-aside-card__media flex-shrink-0 mr-0.5 overflow-hidden relative h-[54px] w-[95px] "> <img class="base-aside-card__media-element w-[100px] h-full object-cover" alt data-delayed-url="https://media.licdn.com/dms/image/v2/D560DAQFCpG7YreSE0A/learning-public-crop_144_256/learning-public-crop_144_256/0/1666989755093?e=2147483647&v=beta&t=kyg0VTwsg80K7walek2uXM-hqocB6_M6uCGoxU4qrHI"> <div class="aside-learning-course-card__duration duration">1h 25m</div> <icon class="base-aside-card__play-button w-auto play-button overlay-center" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/9n9raq7fmdu241tpsxwodsmcd" data-svg-class-name="base-aside-card__play-button-svg"></icon> </div> <div class="base-aside-card__info self-center pl-0.5 flex flex-col flex-1"> <h3 class="base-aside-card__title font-sans text-md font-bold text-color-text relative"> CSS for Programmers  </h3>      </div>  </a> </li> <li>  <a href="https://www.linkedin.com/learning/css-tips?trk=learning-course_similar-courses" target="_self" data-tracking-control-name="learning-course_similar-courses" data-tracking-will-navigate class="base-card relative w-full hover:no-underline focus:no-underline base-card--link base-aside-card flex my-1.5 hover:show-play-button focus:show-play-button base-aside-card--link aside-learning-course-card">  <div class="base-aside-card__media flex-shrink-0 mr-0.5 overflow-hidden relative h-[54px] w-[95px] "> <img class="base-aside-card__media-element w-[100px] h-full object-cover" alt data-delayed-url="https://media.licdn.com/dms/image/v2/C4E0DAQEAq-TZIW7CHA/learning-public-crop_144_256/learning-public-crop_144_256/0/1668021158188?e=2147483647&v=beta&t=3060LesqpZJn_6xpQYXSEQhlbtVrKP0J8Wtlc7nlTHg"> <div class="aside-learning-course-card__duration duration">2h 3m</div> <icon class="base-aside-card__play-button w-auto play-button overlay-center" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/9n9raq7fmdu241tpsxwodsmcd" data-svg-class-name="base-aside-card__play-button-svg"></icon> </div> <div class="base-aside-card__info self-center pl-0.5 flex flex-col flex-1"> <h3 class="base-aside-card__title font-sans text-md font-bold text-color-text relative"> CSS Tips  </h3>      </div>  </a> </li> <li>  <a href="https://www.linkedin.com/learning/css-inheritance-specificity-and-the-cascade?trk=learning-course_similar-courses" target="_self" data-tracking-control-name="learning-course_similar-courses" data-tracking-will-navigate class="base-card relative w-full hover:no-underline focus:no-underline base-card--link base-aside-card flex my-1.5 hover:show-play-button focus:show-play-button base-aside-card--link aside-learning-course-card">  <div class="base-aside-card__media flex-shrink-0 mr-0.5 overflow-hidden relative h-[54px] w-[95px] "> <img class="base-aside-card__media-element w-[100px] h-full object-cover" alt data-delayed-url="https://media.licdn.com/dms/image/v2/C4E0DAQGwLxjQhKixlQ/learning-public-crop_144_256/learning-public-crop_144_256/0/1655150232771?e=2147483647&v=beta&t=GoZkY2uoAlq5pHBpJHodvNE2gxx33j_xGu5WCB3-5Po"> <div class="aside-learning-course-card__duration duration">1h 36m</div> <icon class="base-aside-card__play-button w-auto play-button overlay-center" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/9n9raq7fmdu241tpsxwodsmcd" data-svg-class-name="base-aside-card__play-button-svg"></icon> </div> <div class="base-aside-card__info self-center pl-0.5 flex flex-col flex-1"> <h3 class="base-aside-card__title font-sans text-md font-bold text-color-text relative"> CSS: Inheritance, Specificity, and the Cascade  </h3>      </div>  </a> </li> </ul> </div> </section> <section class="aside-section-container mb-4"> <h2 class="aside-section-container__title section-title"> Download courses </h2>  <div class="aside-section-container__content break-words"> <p>Use your iOS or Android LinkedIn Learning app, and watch courses on your mobile device without an internet connection.</p> <div class="app-links-aside-section__link-container"> <a class="app-links-aside-section__link" href="https://itunes.apple.com/app/apple-store/id1084807225?ls=1&pt=10746&mt=8&ct=learning_course_app_links&trk=learning-course_apple-app-store" data-tracking-control-name="learning-course_apple-app-store" data-tracking-will-navigate rel="noopener noreferrer" target="_blank"> <img alt="Download on the App Store" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/emczv26hz24woii2j4aleyry" height="42px" width="142px"> </a> <a class="app-links-aside-section__link" href="https://play.google.com/store/apps/details?id=com.linkedin.android.learning&referrer=utm_source%3Dlinkedinlearning%26utm_medium%3DmobileWeb%26utm_campaign%3Dlearning_guest&ct=learning_course_app_links&trk=learning-course_google-play-store" data-tracking-control-name="learning-course_google-play-store" data-tracking-will-navigate rel="noopener noreferrer" target="_blank"> <img alt="Get it on Google Play" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/535kqf5rsexfx0lucb3t6palb" height="42px" width="142px"> </a> </div> </div> </section> </section> </main> <div class="pre-footer "> <section class="core-section-container my-3 price-disclaimer">    <div class="core-section-container__content break-words"> <p class="price-disclaimer__copy"> <sup class="price-disclaimer__copy--sup">*</sup>Price may change based on profile and billing country information entered during Sign In or Registration </p> </div> </section> <section class="tw-linkster bg-cool-gray-20 browse-map" data-impression-id="learning-course_linkster" data-js-module-id="linkster"> <div class="max-w-screen-content-max-w w-full flex justify-between my-0 mx-auto mamabear:px-3 babybear:px-2 babybear:flex-col"> <div class="flex-1 w-1/2 pt-2 pr-4 pb-4 pl-0 babybear:pb-2 babybear:w-full babybear:border-b-1 babybear:border-solid babybear:border-color-border-low-emphasis babybear:last:border-b-0"> <h3 class="text-md font-bold text-color-text leading-open"> Explore Business Topics </h3> <ul class="my-1"> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://www.linkedin.com/learning/topics/business-analysis-and-strategy?trk=learning-course_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-course_browsemap_link" data-tracking-will-navigate> Business Analysis and Strategy </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://www.linkedin.com/learning/topics/business-software-and-tools?trk=learning-course_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-course_browsemap_link" data-tracking-will-navigate> Business Software and Tools </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://www.linkedin.com/learning/topics/career-development-5?trk=learning-course_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-course_browsemap_link" data-tracking-will-navigate> Career Development </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://www.linkedin.com/learning/topics/customer-service-3?trk=learning-course_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-course_browsemap_link" data-tracking-will-navigate> Customer Service </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://www.linkedin.com/learning/topics/diversity-equity-and-inclusion-dei?trk=learning-course_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-course_browsemap_link" data-tracking-will-navigate> Diversity, Equity, and Inclusion (DEI) </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://www.linkedin.com/learning/topics/finance-and-accounting?trk=learning-course_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-course_browsemap_link" data-tracking-will-navigate> Finance and Accounting </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://www.linkedin.com/learning/topics/human-resources-3?trk=learning-course_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-course_browsemap_link" data-tracking-will-navigate> Human Resources </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://www.linkedin.com/learning/topics/leadership-and-management?trk=learning-course_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-course_browsemap_link" data-tracking-will-navigate> Leadership and Management </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://www.linkedin.com/learning/topics/marketing-2?trk=learning-course_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-course_browsemap_link" data-tracking-will-navigate> Marketing </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://www.linkedin.com/learning/topics/professional-development?trk=learning-course_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-course_browsemap_link" data-tracking-will-navigate> Professional Development </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://www.linkedin.com/learning/topics/project-management?trk=learning-course_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-course_browsemap_link" data-tracking-will-navigate> Project Management </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://www.linkedin.com/learning/topics/sales-3?trk=learning-course_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-course_browsemap_link" data-tracking-will-navigate> Sales </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://www.linkedin.com/learning/topics/small-business-and-entrepreneurship?trk=learning-course_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-course_browsemap_link" data-tracking-will-navigate> Small Business and Entrepreneurship </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://www.linkedin.com/learning/topics/training-and-education?trk=learning-course_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-course_browsemap_link" data-tracking-will-navigate> Training and Education </a> </li> </ul> <a class="link tw-linkster-general-link" aria-label="See all business courses" href="https://www.linkedin.com/learning/topics/business?trk=learning-course_browsemap_general-link" data-tracking-control-name="learning-course_browsemap_general-link" data-tracking-will-navigate> See all </a> </div> <div class="flex-1 w-1/2 pt-2 pr-4 pb-4 pl-0 babybear:pb-2 babybear:w-full babybear:border-b-1 babybear:border-solid babybear:border-color-border-low-emphasis babybear:last:border-b-0"> <h3 class="text-md font-bold text-color-text leading-open"> Explore Creative Topics </h3> <ul class="my-1"> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://www.linkedin.com/learning/topics/aec?trk=learning-course_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-course_browsemap_link" data-tracking-will-navigate> AEC </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://www.linkedin.com/learning/topics/animation-and-illustration?trk=learning-course_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-course_browsemap_link" data-tracking-will-navigate> Animation and Illustration </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://www.linkedin.com/learning/topics/audio-and-music?trk=learning-course_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-course_browsemap_link" data-tracking-will-navigate> Audio and Music </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://www.linkedin.com/learning/topics/graphic-design?trk=learning-course_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-course_browsemap_link" data-tracking-will-navigate> Graphic Design </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://www.linkedin.com/learning/topics/motion-graphics-and-vfx?trk=learning-course_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-course_browsemap_link" data-tracking-will-navigate> Motion Graphics and VFX </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://www.linkedin.com/learning/topics/photography-2?trk=learning-course_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-course_browsemap_link" data-tracking-will-navigate> Photography </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://www.linkedin.com/learning/topics/product-and-manufacturing?trk=learning-course_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-course_browsemap_link" data-tracking-will-navigate> Product and Manufacturing </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://www.linkedin.com/learning/topics/user-experience?trk=learning-course_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-course_browsemap_link" data-tracking-will-navigate> User Experience </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://www.linkedin.com/learning/topics/2015-54?trk=learning-course_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-course_browsemap_link" data-tracking-will-navigate> Video </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://www.linkedin.com/learning/topics/visualization-and-real-time?trk=learning-course_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-course_browsemap_link" data-tracking-will-navigate> Visualization and Real-Time </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://www.linkedin.com/learning/topics/web-design?trk=learning-course_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-course_browsemap_link" data-tracking-will-navigate> Web Design </a> </li> </ul> <a class="link tw-linkster-general-link" aria-label="See all creative courses" href="https://www.linkedin.com/learning/topics/creative?trk=learning-course_browsemap_general-link" data-tracking-control-name="learning-course_browsemap_general-link" data-tracking-will-navigate> See all </a> </div> <div class="flex-1 w-1/2 pt-2 pr-4 pb-4 pl-0 babybear:pb-2 babybear:w-full babybear:border-b-1 babybear:border-solid babybear:border-color-border-low-emphasis babybear:last:border-b-0"> <h3 class="text-md font-bold text-color-text leading-open"> Explore Technology Topics </h3> <ul class="my-1"> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://www.linkedin.com/learning/topics/artificial-intelligence?trk=learning-course_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-course_browsemap_link" data-tracking-will-navigate> Artificial Intelligence (AI) </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://www.linkedin.com/learning/topics/cloud-computing-5?trk=learning-course_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-course_browsemap_link" data-tracking-will-navigate> Cloud Computing </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://www.linkedin.com/learning/topics/security-3?trk=learning-course_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-course_browsemap_link" data-tracking-will-navigate> Cybersecurity </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://www.linkedin.com/learning/topics/data-science?trk=learning-course_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-course_browsemap_link" data-tracking-will-navigate> Data Science </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://www.linkedin.com/learning/topics/database-management?trk=learning-course_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-course_browsemap_link" data-tracking-will-navigate> Database Management </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://www.linkedin.com/learning/topics/devops?trk=learning-course_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-course_browsemap_link" data-tracking-will-navigate> DevOps </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://www.linkedin.com/learning/topics/hardware?trk=learning-course_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-course_browsemap_link" data-tracking-will-navigate> Hardware </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://www.linkedin.com/learning/topics/it-help-desk-5?trk=learning-course_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-course_browsemap_link" data-tracking-will-navigate> IT Help Desk </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://www.linkedin.com/learning/topics/mobile-development?trk=learning-course_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-course_browsemap_link" data-tracking-will-navigate> Mobile Development </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://www.linkedin.com/learning/topics/network-and-system-administration?trk=learning-course_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-course_browsemap_link" data-tracking-will-navigate> Network and System Administration </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://www.linkedin.com/learning/topics/software-development?trk=learning-course_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-course_browsemap_link" data-tracking-will-navigate> Software Development </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://www.linkedin.com/learning/topics/web-development?trk=learning-course_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-course_browsemap_link" data-tracking-will-navigate> Web Development </a> </li> </ul> <a class="link tw-linkster-general-link" aria-label="See all technology courses" href="https://www.linkedin.com/learning/topics/technology?trk=learning-course_browsemap_general-link" data-tracking-control-name="learning-course_browsemap_general-link" data-tracking-will-navigate> See all </a> </div> </div> </section> </div> <footer class="li-footer bg-transparent w-full "> <ul class="li-footer__list flex flex-wrap flex-row items-start justify-start w-full h-auto min-h-[50px] my-[0px] mx-auto py-3 px-2 papabear:w-[1128px] papabear:p-0"> <li class="li-footer__item font-sans text-xs text-color-text-low-emphasis flex flex-shrink-0 justify-start p-1 relative w-50% papabear:justify-center papabear:w-auto"> <span class="sr-only">LinkedIn</span> <icon class="li-footer__copy-logo text-color-logo-brand-alt inline-block self-center h-[14px] w-[56px] mr-1" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/e12h2cd8ac580qen9qdd0qks8"></icon> <span class="li-footer__copy-text flex items-center">© 2024</span> </li> <li class="li-footer__item font-sans text-xs text-color-text-low-emphasis flex flex-shrink-0 justify-start p-1 relative w-50% papabear:justify-center papabear:w-auto"> <a class="li-footer__item-link flex items-center font-sans text-xs font-bold text-color-text-low-emphasis hover:text-color-link-hover focus:text-color-link-focus" href="https://about.linkedin.com?trk=d_learning_course_guest_footer-about" data-tracking-control-name="d_learning_course_guest_footer-about" data-tracking-will-navigate> About </a> </li> <li class="li-footer__item font-sans text-xs text-color-text-low-emphasis flex flex-shrink-0 justify-start p-1 relative w-50% papabear:justify-center papabear:w-auto"> <a class="li-footer__item-link flex items-center font-sans text-xs font-bold text-color-text-low-emphasis hover:text-color-link-hover focus:text-color-link-focus" href="https://www.linkedin.com/accessibility?trk=d_learning_course_guest_footer-accessibility" data-tracking-control-name="d_learning_course_guest_footer-accessibility" data-tracking-will-navigate> Accessibility </a> </li> <li class="li-footer__item font-sans text-xs text-color-text-low-emphasis flex flex-shrink-0 justify-start p-1 relative w-50% papabear:justify-center papabear:w-auto"> <a class="li-footer__item-link flex items-center font-sans text-xs font-bold text-color-text-low-emphasis hover:text-color-link-hover focus:text-color-link-focus" href="https://www.linkedin.com/legal/user-agreement?trk=d_learning_course_guest_footer-user-agreement" data-tracking-control-name="d_learning_course_guest_footer-user-agreement" data-tracking-will-navigate> User Agreement </a> </li> <li class="li-footer__item font-sans text-xs text-color-text-low-emphasis flex flex-shrink-0 justify-start p-1 relative w-50% papabear:justify-center papabear:w-auto"> <a class="li-footer__item-link flex items-center font-sans text-xs font-bold text-color-text-low-emphasis hover:text-color-link-hover focus:text-color-link-focus" href="https://www.linkedin.com/legal/privacy-policy?trk=d_learning_course_guest_footer-privacy-policy" data-tracking-control-name="d_learning_course_guest_footer-privacy-policy" data-tracking-will-navigate> Privacy Policy </a> </li>  <li class="li-footer__item font-sans text-xs text-color-text-low-emphasis flex flex-shrink-0 justify-start p-1 relative w-50% papabear:justify-center papabear:w-auto"> <a class="li-footer__item-link flex items-center font-sans text-xs font-bold text-color-text-low-emphasis hover:text-color-link-hover focus:text-color-link-focus" href="https://www.linkedin.com/legal/cookie-policy?trk=d_learning_course_guest_footer-cookie-policy" data-tracking-control-name="d_learning_course_guest_footer-cookie-policy" data-tracking-will-navigate> Cookie Policy </a> </li> <li class="li-footer__item font-sans text-xs text-color-text-low-emphasis flex flex-shrink-0 justify-start p-1 relative w-50% papabear:justify-center papabear:w-auto"> <a class="li-footer__item-link flex items-center font-sans text-xs font-bold text-color-text-low-emphasis hover:text-color-link-hover focus:text-color-link-focus" href="https://www.linkedin.com/legal/copyright-policy?trk=d_learning_course_guest_footer-copyright-policy" data-tracking-control-name="d_learning_course_guest_footer-copyright-policy" data-tracking-will-navigate> Copyright Policy </a> </li> <li class="li-footer__item font-sans text-xs text-color-text-low-emphasis flex flex-shrink-0 justify-start p-1 relative w-50% papabear:justify-center papabear:w-auto"> <a class="li-footer__item-link flex items-center font-sans text-xs font-bold text-color-text-low-emphasis hover:text-color-link-hover focus:text-color-link-focus" href="https://brand.linkedin.com/policies?trk=d_learning_course_guest_footer-brand-policy" data-tracking-control-name="d_learning_course_guest_footer-brand-policy" data-tracking-will-navigate> Brand Policy </a> </li> <li class="li-footer__item font-sans text-xs text-color-text-low-emphasis flex flex-shrink-0 justify-start p-1 relative w-50% papabear:justify-center papabear:w-auto"> <a class="li-footer__item-link flex items-center font-sans text-xs font-bold text-color-text-low-emphasis hover:text-color-link-hover focus:text-color-link-focus" href="https://www.linkedin.com/psettings/guest-controls?trk=d_learning_course_guest_footer-guest-controls" data-tracking-control-name="d_learning_course_guest_footer-guest-controls" data-tracking-will-navigate> Guest Controls </a> </li> <li class="li-footer__item font-sans text-xs text-color-text-low-emphasis flex flex-shrink-0 justify-start p-1 relative w-50% papabear:justify-center papabear:w-auto"> <a class="li-footer__item-link flex items-center font-sans text-xs font-bold text-color-text-low-emphasis hover:text-color-link-hover focus:text-color-link-focus" href="https://www.linkedin.com/legal/professional-community-policies?trk=d_learning_course_guest_footer-community-guide" data-tracking-control-name="d_learning_course_guest_footer-community-guide" data-tracking-will-navigate> Community Guidelines </a> </li>  <li class="li-footer__item font-sans text-xs text-color-text-low-emphasis flex flex-shrink-0 justify-start p-1 relative w-50% papabear:justify-center papabear:w-auto"> <div class="collapsible-dropdown collapsible-dropdown--footer collapsible-dropdown--up flex items-center relative hyphens-auto language-selector z-2">  <ul class="collapsible-dropdown__list hidden container-raised absolute w-auto overflow-y-auto flex-col items-stretch z-1 bottom-[100%] top-auto" role="menu" tabindex="-1"> <li class="language-selector__item" role="presentation">  <button aria-label="العربية (Arabic)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-ar_AE" data-locale="ar_AE" role="menuitem" lang="ar_AE"> العربية (Arabic) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="বাংলা (Bangla)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-bn_IN" data-locale="bn_IN" role="menuitem" lang="bn_IN"> বাংলা (Bangla) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="Čeština (Czech)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-cs_CZ" data-locale="cs_CZ" role="menuitem" lang="cs_CZ"> Čeština (Czech) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="Dansk (Danish)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-da_DK" data-locale="da_DK" role="menuitem" lang="da_DK"> Dansk (Danish) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="Deutsch (German)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-de_DE" data-locale="de_DE" role="menuitem" lang="de_DE"> Deutsch (German) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="Ελληνικά (Greek)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-el_GR" data-locale="el_GR" role="menuitem" lang="el_GR"> Ελληνικά (Greek) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="English (English) selected" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link--selected" data-tracking-control-name="language-selector-en_US" data-locale="en_US" role="menuitem" lang="en_US"> <strong>English (English)</strong> </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="Español (Spanish)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-es_ES" data-locale="es_ES" role="menuitem" lang="es_ES"> Español (Spanish) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="فارسی (Persian)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-fa_IR" data-locale="fa_IR" role="menuitem" lang="fa_IR"> فارسی (Persian) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="Suomi (Finnish)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-fi_FI" data-locale="fi_FI" role="menuitem" lang="fi_FI"> Suomi (Finnish) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="Français (French)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-fr_FR" data-locale="fr_FR" role="menuitem" lang="fr_FR"> Français (French) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="हिंदी (Hindi)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-hi_IN" data-locale="hi_IN" role="menuitem" lang="hi_IN"> हिंदी (Hindi) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="Magyar (Hungarian)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-hu_HU" data-locale="hu_HU" role="menuitem" lang="hu_HU"> Magyar (Hungarian) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="Bahasa Indonesia (Indonesian)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-in_ID" data-locale="in_ID" role="menuitem" lang="in_ID"> Bahasa Indonesia (Indonesian) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="Italiano (Italian)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-it_IT" data-locale="it_IT" role="menuitem" lang="it_IT"> Italiano (Italian) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="עברית (Hebrew)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-iw_IL" data-locale="iw_IL" role="menuitem" lang="iw_IL"> עברית (Hebrew) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="日本語 (Japanese)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-ja_JP" data-locale="ja_JP" role="menuitem" lang="ja_JP"> 日本語 (Japanese) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="한국어 (Korean)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-ko_KR" data-locale="ko_KR" role="menuitem" lang="ko_KR"> 한국어 (Korean) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="मराठी (Marathi)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-mr_IN" data-locale="mr_IN" role="menuitem" lang="mr_IN"> मराठी (Marathi) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="Bahasa Malaysia (Malay)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-ms_MY" data-locale="ms_MY" role="menuitem" lang="ms_MY"> Bahasa Malaysia (Malay) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="Nederlands (Dutch)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-nl_NL" data-locale="nl_NL" role="menuitem" lang="nl_NL"> Nederlands (Dutch) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="Norsk (Norwegian)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-no_NO" data-locale="no_NO" role="menuitem" lang="no_NO"> Norsk (Norwegian) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="ਪੰਜਾਬੀ (Punjabi)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-pa_IN" data-locale="pa_IN" role="menuitem" lang="pa_IN"> ਪੰਜਾਬੀ (Punjabi) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="Polski (Polish)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-pl_PL" data-locale="pl_PL" role="menuitem" lang="pl_PL"> Polski (Polish) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="Português (Portuguese)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-pt_BR" data-locale="pt_BR" role="menuitem" lang="pt_BR"> Português (Portuguese) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="Română (Romanian)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-ro_RO" data-locale="ro_RO" role="menuitem" lang="ro_RO"> Română (Romanian) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="Русский (Russian)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-ru_RU" data-locale="ru_RU" role="menuitem" lang="ru_RU"> Русский (Russian) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="Svenska (Swedish)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-sv_SE" data-locale="sv_SE" role="menuitem" lang="sv_SE"> Svenska (Swedish) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="తెలుగు (Telugu)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-te_IN" data-locale="te_IN" role="menuitem" lang="te_IN"> తెలుగు (Telugu) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="ภาษาไทย (Thai)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-th_TH" data-locale="th_TH" role="menuitem" lang="th_TH"> ภาษาไทย (Thai) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="Tagalog (Tagalog)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-tl_PH" data-locale="tl_PH" role="menuitem" lang="tl_PH"> Tagalog (Tagalog) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="Türkçe (Turkish)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-tr_TR" data-locale="tr_TR" role="menuitem" lang="tr_TR"> Türkçe (Turkish) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="Українська (Ukrainian)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-uk_UA" data-locale="uk_UA" role="menuitem" lang="uk_UA"> Українська (Ukrainian) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="Tiếng Việt (Vietnamese)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-vi_VN" data-locale="vi_VN" role="menuitem" lang="vi_VN"> Tiếng Việt (Vietnamese) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="简体中文 (Chinese (Simplified))" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-zh_CN" data-locale="zh_CN" role="menuitem" lang="zh_CN"> 简体中文 (Chinese (Simplified)) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="正體中文 (Chinese (Traditional))" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-zh_TW" data-locale="zh_TW" role="menuitem" lang="zh_TW"> 正體中文 (Chinese (Traditional)) </button> </li>  </ul> <button class="language-selector__button select-none relative pr-2 font-sans text-xs font-bold text-color-text-low-emphasis hover:text-color-link-hover hover:cursor-pointer focus:text-color-link-focus focus:outline-dotted focus:outline-1" aria-expanded="false" data-tracking-control-name="footer-lang-dropdown_trigger"> <span class="language-selector__label-text mr-0.5 break-words"> Language </span> <icon class="language-selector__label-chevron w-2 h-2 absolute top-0 right-0" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cyolgscd0imw2ldqppkrb84vo"></icon> </button> </div> </li> </ul>  </footer> <script src="https://static.licdn.com/aero-v1/sc/h/eh08muqvrde4h3hc6koyij5ti" async></script>  <script src="https://static.licdn.com/aero-v1/sc/h/awgwgu3fg49q0tcvd24ku87qq" async defer></script> <script data-delayed-url="https://static.licdn.com/aero-v1/sc/h/81wy0f4hfrhoilx9eqdwg202z" data-module-id="media-player"></script> <code id="trackingData" style="display: none"></code> <code id="alcOnlyData" style="display: none"></code> </body> </html>

CINXE.COM

CSS Essential Training Online Class | LinkedIn Learning, formerly Lynda.com