Onlinekurs: Tailwind CSS lernen | LinkedIn Learning, früher Lynda.com

<!DOCTYPE html> <html lang="de"> <head> <meta name="pageKey" content="d_learning_course_guest">  <meta name="locale" content="de_DE"> <meta id="config" data-app-version="2.0.2217" data-call-tree-id="AAYn39qFVsgjyjZH8qxJ/w==" data-multiproduct-name="learning-guest-frontend" data-service-name="learning-guest-frontend" data-browser-id="9ac094e6-b58e-4637-8a0c-f39fc526d1c2" data-enable-page-view-heartbeat-tracking data-page-instance="urn:li:page:learning_course_guest;mMGuit5IQ+ipNv775R8lHQ==" data-disable-jsbeacon-pagekey-suffix="false" data-member-id="0"> <link rel="canonical" href="https://de.linkedin.com/learning/tailwind-css-lernen">     <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>Onlinekurs: Tailwind CSS lernen | LinkedIn Learning, früher Lynda.com</title> <meta name="robots" content="noarchive, max-image-preview:large"> <meta name="description" content="Das praktische Framework kennen lernen, praktisch nutzen und individuell anpassen."> <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="Onlinekurs: Tailwind CSS lernen | LinkedIn Learning, früher Lynda.com"> <meta name="twitter:title" content="Onlinekurs: Tailwind CSS lernen | LinkedIn Learning, früher Lynda.com"> <meta property="og:description" content="Das praktische Framework kennen lernen, praktisch nutzen und individuell anpassen."> <meta name="twitter:description" content="Das praktische Framework kennen lernen, praktisch nutzen und individuell anpassen."> <meta property="og:image" content="https://media.licdn.com/dms/image/v2/C4E0DAQG-TH0Tio-9IQ/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1630493895882?e=2147483647&v=beta&t=hmdsWQkN9yPyEKv4FVyo1kEAQ4xua3wMXxAhvAXoJoc"> <meta name="twitter:image" content="https://media.licdn.com/dms/image/v2/C4E0DAQG-TH0Tio-9IQ/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1630493895882?e=2147483647&v=beta&t=hmdsWQkN9yPyEKv4FVyo1kEAQ4xua3wMXxAhvAXoJoc">  <meta property="og:url" content="https://de.linkedin.com/learning/tailwind-css-lernen"> <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/am2wzgo5lqdx12vtrtfw4rf6m"> <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":"PT1H34M38S","instructor":[{"@type":"Person","name":"Florence Maurice","description":"Trainerin und Autorin für Webthemen: von CSS bis hin zu PHP","jobTitle":"Trainerin und Autorin für Webthemen: von CSS bis hin zu PHP","url":"https://de.linkedin.com/in/florence-maurice","image":"https://media.licdn.com/dms/image/v2/D4E03AQFDQ9QFW2USTw/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1682961998454?e=2147483647&v=beta&t=cJVUEAutJPF2i-h5EFtUHrxuEuJAj2AFb05rAWes0Vo"}]},"inLanguage":"de","name":"Tailwind CSS lernen","offers":[{"@type":"Offer","category":"Subscription"},{"@type":"Offer","category":"Paid","price":"349.99","priceCurrency":"HKD"}],"description":"Das praktische Framework kennen lernen, praktisch nutzen und individuell anpassen.","image":"https://media.licdn.com/dms/image/v2/C4E0DAQG-TH0Tio-9IQ/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1630493895882?e=2147483647&v=beta&t=hmdsWQkN9yPyEKv4FVyo1kEAQ4xua3wMXxAhvAXoJoc","creator":[{"@type":"Person","name":"Florence Maurice","description":"Trainerin und Autorin für Webthemen: von CSS bis hin zu PHP","jobTitle":"Trainerin und Autorin für Webthemen: von CSS bis hin zu PHP","url":"https://de.linkedin.com/in/florence-maurice","image":"https://media.licdn.com/dms/image/v2/D4E03AQFDQ9QFW2USTw/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1682961998454?e=2147483647&v=beta&t=cJVUEAutJPF2i-h5EFtUHrxuEuJAj2AFb05rAWes0Vo"}],"author":[{"@type":"Person","name":"Florence Maurice","description":"Trainerin und Autorin für Webthemen: von CSS bis hin zu PHP","jobTitle":"Trainerin und Autorin für Webthemen: von CSS bis hin zu PHP","url":"https://de.linkedin.com/in/florence-maurice","image":"https://media.licdn.com/dms/image/v2/D4E03AQFDQ9QFW2USTw/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1682961998454?e=2147483647&v=beta&t=cJVUEAutJPF2i-h5EFtUHrxuEuJAj2AFb05rAWes0Vo"}],"dateCreated":"2021-09-07","datePublished":"2021-09-07","thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4E0DAQG-TH0Tio-9IQ/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1630493895882?e=2147483647&v=beta&t=hmdsWQkN9yPyEKv4FVyo1kEAQ4xua3wMXxAhvAXoJoc","timeRequired":"PT1H34M38S","totalHistoricalEnrollment":0,"url":"https://de.linkedin.com/learning/tailwind-css-lernen","about":[{"@type":"Thing","url":"https://de.linkedin.com/learning/search?keywords=Tailwind+CSS","name":"Tailwind CSS"}],"hasPart":[[{"@type":"VideoObject","name":"Das praktische Web-Framework Tailwind CSS kennen lernen, praktisch nutzen und individuell anpassen. - Einleitung","author":{"@type":"Person","name":"Florence Maurice","description":"Trainerin und Autorin für Webthemen: von CSS bis hin zu PHP","jobTitle":"Trainerin und Autorin für Webthemen: von CSS bis hin zu PHP","url":"https://de.linkedin.com/in/florence-maurice","image":"https://media.licdn.com/dms/image/v2/D4E03AQFDQ9QFW2USTw/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1682961998454?e=2147483647&v=beta&t=cJVUEAutJPF2i-h5EFtUHrxuEuJAj2AFb05rAWes0Vo"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4E0DAQG-TH0Tio-9IQ/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1630493895882?e=2147483647&v=beta&t=hmdsWQkN9yPyEKv4FVyo1kEAQ4xua3wMXxAhvAXoJoc","description":"Das praktische Framework kennen lernen, praktisch nutzen und individuell anpassen.","duration":"PT1M9S","datePublished":"2021-09-07","uploadDate":"2021-09-07","requiresSubscription":false,"isAccessibleForFree":true,"contentUrl":"https://de.linkedin.com/learning/tailwind-css-lernen/das-praktische-web-framework-tailwind-css-kennen-lernen-praktisch-nutzen-und-individuell-anpassen"}],[{"@type":"VideoObject","name":"Tailwind CSS vorgestellt - 1. Installation und erste Schritte","author":{"@type":"Person","name":"Florence Maurice","description":"Trainerin und Autorin für Webthemen: von CSS bis hin zu PHP","jobTitle":"Trainerin und Autorin für Webthemen: von CSS bis hin zu PHP","url":"https://de.linkedin.com/in/florence-maurice","image":"https://media.licdn.com/dms/image/v2/D4E03AQFDQ9QFW2USTw/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1682961998454?e=2147483647&v=beta&t=cJVUEAutJPF2i-h5EFtUHrxuEuJAj2AFb05rAWes0Vo"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4E0DAQG-TH0Tio-9IQ/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1630493895882?e=2147483647&v=beta&t=hmdsWQkN9yPyEKv4FVyo1kEAQ4xua3wMXxAhvAXoJoc","description":"Das praktische Framework kennen lernen, praktisch nutzen und individuell anpassen.","duration":"PT5M2S","datePublished":"2021-09-07","uploadDate":"2021-09-07","requiresSubscription":false,"isAccessibleForFree":true,"contentUrl":"https://de.linkedin.com/learning/tailwind-css-lernen/tailwind-css-vorgestellt"},{"@type":"VideoObject","name":"Playground nutzen - 1. Installation und erste Schritte","author":{"@type":"Person","name":"Florence Maurice","description":"Trainerin und Autorin für Webthemen: von CSS bis hin zu PHP","jobTitle":"Trainerin und Autorin für Webthemen: von CSS bis hin zu PHP","url":"https://de.linkedin.com/in/florence-maurice","image":"https://media.licdn.com/dms/image/v2/D4E03AQFDQ9QFW2USTw/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1682961998454?e=2147483647&v=beta&t=cJVUEAutJPF2i-h5EFtUHrxuEuJAj2AFb05rAWes0Vo"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4E0DAQG-TH0Tio-9IQ/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1630493895882?e=2147483647&v=beta&t=hmdsWQkN9yPyEKv4FVyo1kEAQ4xua3wMXxAhvAXoJoc","description":"Das praktische Framework kennen lernen, praktisch nutzen und individuell anpassen.","duration":"PT3M25S","datePublished":"2021-09-07","uploadDate":"2021-09-07","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://de.linkedin.com/learning/tailwind-css-lernen/playground-nutzen"},{"@type":"VideoObject","name":"Installationsoptionen kennenlernen - 1. Installation und erste Schritte","author":{"@type":"Person","name":"Florence Maurice","description":"Trainerin und Autorin für Webthemen: von CSS bis hin zu PHP","jobTitle":"Trainerin und Autorin für Webthemen: von CSS bis hin zu PHP","url":"https://de.linkedin.com/in/florence-maurice","image":"https://media.licdn.com/dms/image/v2/D4E03AQFDQ9QFW2USTw/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1682961998454?e=2147483647&v=beta&t=cJVUEAutJPF2i-h5EFtUHrxuEuJAj2AFb05rAWes0Vo"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4E0DAQG-TH0Tio-9IQ/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1630493895882?e=2147483647&v=beta&t=hmdsWQkN9yPyEKv4FVyo1kEAQ4xua3wMXxAhvAXoJoc","description":"Das praktische Framework kennen lernen, praktisch nutzen und individuell anpassen.","duration":"PT2M56S","datePublished":"2021-09-07","uploadDate":"2021-09-07","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://de.linkedin.com/learning/tailwind-css-lernen/installationsoptionen-kennenlernen"},{"@type":"VideoObject","name":"Tailwind CSS per CDN - 1. Installation und erste Schritte","author":{"@type":"Person","name":"Florence Maurice","description":"Trainerin und Autorin für Webthemen: von CSS bis hin zu PHP","jobTitle":"Trainerin und Autorin für Webthemen: von CSS bis hin zu PHP","url":"https://de.linkedin.com/in/florence-maurice","image":"https://media.licdn.com/dms/image/v2/D4E03AQFDQ9QFW2USTw/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1682961998454?e=2147483647&v=beta&t=cJVUEAutJPF2i-h5EFtUHrxuEuJAj2AFb05rAWes0Vo"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4E0DAQG-TH0Tio-9IQ/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1630493895882?e=2147483647&v=beta&t=hmdsWQkN9yPyEKv4FVyo1kEAQ4xua3wMXxAhvAXoJoc","description":"Das praktische Framework kennen lernen, praktisch nutzen und individuell anpassen.","duration":"PT2M12S","datePublished":"2021-09-07","uploadDate":"2021-09-07","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://de.linkedin.com/learning/tailwind-css-lernen/tailwind-css-per-cdn"},{"@type":"VideoObject","name":"Tailwind CSS ohne PostCSS mit npx installieren - 1. Installation und erste Schritte","author":{"@type":"Person","name":"Florence Maurice","description":"Trainerin und Autorin für Webthemen: von CSS bis hin zu PHP","jobTitle":"Trainerin und Autorin für Webthemen: von CSS bis hin zu PHP","url":"https://de.linkedin.com/in/florence-maurice","image":"https://media.licdn.com/dms/image/v2/D4E03AQFDQ9QFW2USTw/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1682961998454?e=2147483647&v=beta&t=cJVUEAutJPF2i-h5EFtUHrxuEuJAj2AFb05rAWes0Vo"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4E0DAQG-TH0Tio-9IQ/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1630493895882?e=2147483647&v=beta&t=hmdsWQkN9yPyEKv4FVyo1kEAQ4xua3wMXxAhvAXoJoc","description":"Das praktische Framework kennen lernen, praktisch nutzen und individuell anpassen.","duration":"PT3M38S","datePublished":"2021-09-07","uploadDate":"2021-09-07","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://de.linkedin.com/learning/tailwind-css-lernen/tailwind-css-ohne-postcss-mit-npx-installieren"},{"@type":"VideoObject","name":"Tailwind CSS ohne PostCSS mit npm installieren - 1. Installation und erste Schritte","author":{"@type":"Person","name":"Florence Maurice","description":"Trainerin und Autorin für Webthemen: von CSS bis hin zu PHP","jobTitle":"Trainerin und Autorin für Webthemen: von CSS bis hin zu PHP","url":"https://de.linkedin.com/in/florence-maurice","image":"https://media.licdn.com/dms/image/v2/D4E03AQFDQ9QFW2USTw/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1682961998454?e=2147483647&v=beta&t=cJVUEAutJPF2i-h5EFtUHrxuEuJAj2AFb05rAWes0Vo"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4E0DAQG-TH0Tio-9IQ/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1630493895882?e=2147483647&v=beta&t=hmdsWQkN9yPyEKv4FVyo1kEAQ4xua3wMXxAhvAXoJoc","description":"Das praktische Framework kennen lernen, praktisch nutzen und individuell anpassen.","duration":"PT4M34S","datePublished":"2021-09-07","uploadDate":"2021-09-07","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://de.linkedin.com/learning/tailwind-css-lernen/tailwind-css-ohne-postcss-mit-npm-installieren"},{"@type":"VideoObject","name":"Mit PostCSS bei Vue - 1. Installation und erste Schritte","author":{"@type":"Person","name":"Florence Maurice","description":"Trainerin und Autorin für Webthemen: von CSS bis hin zu PHP","jobTitle":"Trainerin und Autorin für Webthemen: von CSS bis hin zu PHP","url":"https://de.linkedin.com/in/florence-maurice","image":"https://media.licdn.com/dms/image/v2/D4E03AQFDQ9QFW2USTw/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1682961998454?e=2147483647&v=beta&t=cJVUEAutJPF2i-h5EFtUHrxuEuJAj2AFb05rAWes0Vo"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4E0DAQG-TH0Tio-9IQ/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1630493895882?e=2147483647&v=beta&t=hmdsWQkN9yPyEKv4FVyo1kEAQ4xua3wMXxAhvAXoJoc","description":"Das praktische Framework kennen lernen, praktisch nutzen und individuell anpassen.","duration":"PT3M56S","datePublished":"2021-09-07","uploadDate":"2021-09-07","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://de.linkedin.com/learning/tailwind-css-lernen/mit-postcss-bei-vue"},{"@type":"VideoObject","name":"Tailwind CSS einsetzen - 1. Installation und erste Schritte","author":{"@type":"Person","name":"Florence Maurice","description":"Trainerin und Autorin für Webthemen: von CSS bis hin zu PHP","jobTitle":"Trainerin und Autorin für Webthemen: von CSS bis hin zu PHP","url":"https://de.linkedin.com/in/florence-maurice","image":"https://media.licdn.com/dms/image/v2/D4E03AQFDQ9QFW2USTw/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1682961998454?e=2147483647&v=beta&t=cJVUEAutJPF2i-h5EFtUHrxuEuJAj2AFb05rAWes0Vo"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4E0DAQG-TH0Tio-9IQ/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1630493895882?e=2147483647&v=beta&t=hmdsWQkN9yPyEKv4FVyo1kEAQ4xua3wMXxAhvAXoJoc","description":"Das praktische Framework kennen lernen, praktisch nutzen und individuell anpassen.","duration":"PT3M46S","datePublished":"2021-09-07","uploadDate":"2021-09-07","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://de.linkedin.com/learning/tailwind-css-lernen/tailwind-css-einsetzen"},{"@type":"VideoObject","name":"Tailwind CSS-Erweiterung für Visual Studio Code - 1. Installation und erste Schritte","author":{"@type":"Person","name":"Florence Maurice","description":"Trainerin und Autorin für Webthemen: von CSS bis hin zu PHP","jobTitle":"Trainerin und Autorin für Webthemen: von CSS bis hin zu PHP","url":"https://de.linkedin.com/in/florence-maurice","image":"https://media.licdn.com/dms/image/v2/D4E03AQFDQ9QFW2USTw/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1682961998454?e=2147483647&v=beta&t=cJVUEAutJPF2i-h5EFtUHrxuEuJAj2AFb05rAWes0Vo"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4E0DAQG-TH0Tio-9IQ/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1630493895882?e=2147483647&v=beta&t=hmdsWQkN9yPyEKv4FVyo1kEAQ4xua3wMXxAhvAXoJoc","description":"Das praktische Framework kennen lernen, praktisch nutzen und individuell anpassen.","duration":"PT2M25S","datePublished":"2021-09-07","uploadDate":"2021-09-07","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://de.linkedin.com/learning/tailwind-css-lernen/tailwind-css-erweiterung-fur-visual-studio-code"}],[{"@type":"VideoObject","name":"Grundprinzip von Tailwind CSS - 2. Formatieren mit Tailwind CSS","author":{"@type":"Person","name":"Florence Maurice","description":"Trainerin und Autorin für Webthemen: von CSS bis hin zu PHP","jobTitle":"Trainerin und Autorin für Webthemen: von CSS bis hin zu PHP","url":"https://de.linkedin.com/in/florence-maurice","image":"https://media.licdn.com/dms/image/v2/D4E03AQFDQ9QFW2USTw/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1682961998454?e=2147483647&v=beta&t=cJVUEAutJPF2i-h5EFtUHrxuEuJAj2AFb05rAWes0Vo"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4E0DAQG-TH0Tio-9IQ/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1630493895882?e=2147483647&v=beta&t=hmdsWQkN9yPyEKv4FVyo1kEAQ4xua3wMXxAhvAXoJoc","description":"Das praktische Framework kennen lernen, praktisch nutzen und individuell anpassen.","duration":"PT4M32S","datePublished":"2021-09-07","uploadDate":"2021-09-07","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://de.linkedin.com/learning/tailwind-css-lernen/grundprinzip-von-tailwind-css"},{"@type":"VideoObject","name":"Farben zuweisen - 2. Formatieren mit Tailwind CSS","author":{"@type":"Person","name":"Florence Maurice","description":"Trainerin und Autorin für Webthemen: von CSS bis hin zu PHP","jobTitle":"Trainerin und Autorin für Webthemen: von CSS bis hin zu PHP","url":"https://de.linkedin.com/in/florence-maurice","image":"https://media.licdn.com/dms/image/v2/D4E03AQFDQ9QFW2USTw/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1682961998454?e=2147483647&v=beta&t=cJVUEAutJPF2i-h5EFtUHrxuEuJAj2AFb05rAWes0Vo"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4E0DAQG-TH0Tio-9IQ/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1630493895882?e=2147483647&v=beta&t=hmdsWQkN9yPyEKv4FVyo1kEAQ4xua3wMXxAhvAXoJoc","description":"Das praktische Framework kennen lernen, praktisch nutzen und individuell anpassen.","duration":"PT3M13S","datePublished":"2021-09-07","uploadDate":"2021-09-07","requiresSubscription":false,"isAccessibleForFree":true,"contentUrl":"https://de.linkedin.com/learning/tailwind-css-lernen/farben-zuweisen"},{"@type":"VideoObject","name":"Abstände definieren - 2. Formatieren mit Tailwind CSS","author":{"@type":"Person","name":"Florence Maurice","description":"Trainerin und Autorin für Webthemen: von CSS bis hin zu PHP","jobTitle":"Trainerin und Autorin für Webthemen: von CSS bis hin zu PHP","url":"https://de.linkedin.com/in/florence-maurice","image":"https://media.licdn.com/dms/image/v2/D4E03AQFDQ9QFW2USTw/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1682961998454?e=2147483647&v=beta&t=cJVUEAutJPF2i-h5EFtUHrxuEuJAj2AFb05rAWes0Vo"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4E0DAQG-TH0Tio-9IQ/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1630493895882?e=2147483647&v=beta&t=hmdsWQkN9yPyEKv4FVyo1kEAQ4xua3wMXxAhvAXoJoc","description":"Das praktische Framework kennen lernen, praktisch nutzen und individuell anpassen.","duration":"PT4M19S","datePublished":"2021-09-07","uploadDate":"2021-09-07","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://de.linkedin.com/learning/tailwind-css-lernen/abstande-definieren"},{"@type":"VideoObject","name":"Typografie anpassen - 2. Formatieren mit Tailwind CSS","author":{"@type":"Person","name":"Florence Maurice","description":"Trainerin und Autorin für Webthemen: von CSS bis hin zu PHP","jobTitle":"Trainerin und Autorin für Webthemen: von CSS bis hin zu PHP","url":"https://de.linkedin.com/in/florence-maurice","image":"https://media.licdn.com/dms/image/v2/D4E03AQFDQ9QFW2USTw/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1682961998454?e=2147483647&v=beta&t=cJVUEAutJPF2i-h5EFtUHrxuEuJAj2AFb05rAWes0Vo"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4E0DAQG-TH0Tio-9IQ/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1630493895882?e=2147483647&v=beta&t=hmdsWQkN9yPyEKv4FVyo1kEAQ4xua3wMXxAhvAXoJoc","description":"Das praktische Framework kennen lernen, praktisch nutzen und individuell anpassen.","duration":"PT2M6S","datePublished":"2021-09-07","uploadDate":"2021-09-07","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://de.linkedin.com/learning/tailwind-css-lernen/typografie-anpassen"},{"@type":"VideoObject","name":"Responsive Formatierungen - 2. Formatieren mit Tailwind CSS","author":{"@type":"Person","name":"Florence Maurice","description":"Trainerin und Autorin für Webthemen: von CSS bis hin zu PHP","jobTitle":"Trainerin und Autorin für Webthemen: von CSS bis hin zu PHP","url":"https://de.linkedin.com/in/florence-maurice","image":"https://media.licdn.com/dms/image/v2/D4E03AQFDQ9QFW2USTw/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1682961998454?e=2147483647&v=beta&t=cJVUEAutJPF2i-h5EFtUHrxuEuJAj2AFb05rAWes0Vo"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4E0DAQG-TH0Tio-9IQ/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1630493895882?e=2147483647&v=beta&t=hmdsWQkN9yPyEKv4FVyo1kEAQ4xua3wMXxAhvAXoJoc","description":"Das praktische Framework kennen lernen, praktisch nutzen und individuell anpassen.","duration":"PT4M33S","datePublished":"2021-09-07","uploadDate":"2021-09-07","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://de.linkedin.com/learning/tailwind-css-lernen/responsive-formatierungen"},{"@type":"VideoObject","name":"Klassen für Layouts - 2. Formatieren mit Tailwind CSS","author":{"@type":"Person","name":"Florence Maurice","description":"Trainerin und Autorin für Webthemen: von CSS bis hin zu PHP","jobTitle":"Trainerin und Autorin für Webthemen: von CSS bis hin zu PHP","url":"https://de.linkedin.com/in/florence-maurice","image":"https://media.licdn.com/dms/image/v2/D4E03AQFDQ9QFW2USTw/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1682961998454?e=2147483647&v=beta&t=cJVUEAutJPF2i-h5EFtUHrxuEuJAj2AFb05rAWes0Vo"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4E0DAQG-TH0Tio-9IQ/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1630493895882?e=2147483647&v=beta&t=hmdsWQkN9yPyEKv4FVyo1kEAQ4xua3wMXxAhvAXoJoc","description":"Das praktische Framework kennen lernen, praktisch nutzen und individuell anpassen.","duration":"PT4M29S","datePublished":"2021-09-07","uploadDate":"2021-09-07","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://de.linkedin.com/learning/tailwind-css-lernen/klassen-fur-layouts"},{"@type":"VideoObject","name":"container-Klasse einsetzen - 2. Formatieren mit Tailwind CSS","author":{"@type":"Person","name":"Florence Maurice","description":"Trainerin und Autorin für Webthemen: von CSS bis hin zu PHP","jobTitle":"Trainerin und Autorin für Webthemen: von CSS bis hin zu PHP","url":"https://de.linkedin.com/in/florence-maurice","image":"https://media.licdn.com/dms/image/v2/D4E03AQFDQ9QFW2USTw/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1682961998454?e=2147483647&v=beta&t=cJVUEAutJPF2i-h5EFtUHrxuEuJAj2AFb05rAWes0Vo"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4E0DAQG-TH0Tio-9IQ/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1630493895882?e=2147483647&v=beta&t=hmdsWQkN9yPyEKv4FVyo1kEAQ4xua3wMXxAhvAXoJoc","description":"Das praktische Framework kennen lernen, praktisch nutzen und individuell anpassen.","duration":"PT1M51S","datePublished":"2021-09-07","uploadDate":"2021-09-07","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://de.linkedin.com/learning/tailwind-css-lernen/container-klasse-einsetzen"},{"@type":"VideoObject","name":"Flexbox für Anordnungen nutzen - 2. Formatieren mit Tailwind CSS","author":{"@type":"Person","name":"Florence Maurice","description":"Trainerin und Autorin für Webthemen: von CSS bis hin zu PHP","jobTitle":"Trainerin und Autorin für Webthemen: von CSS bis hin zu PHP","url":"https://de.linkedin.com/in/florence-maurice","image":"https://media.licdn.com/dms/image/v2/D4E03AQFDQ9QFW2USTw/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1682961998454?e=2147483647&v=beta&t=cJVUEAutJPF2i-h5EFtUHrxuEuJAj2AFb05rAWes0Vo"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4E0DAQG-TH0Tio-9IQ/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1630493895882?e=2147483647&v=beta&t=hmdsWQkN9yPyEKv4FVyo1kEAQ4xua3wMXxAhvAXoJoc","description":"Das praktische Framework kennen lernen, praktisch nutzen und individuell anpassen.","duration":"PT2M45S","datePublished":"2021-09-07","uploadDate":"2021-09-07","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://de.linkedin.com/learning/tailwind-css-lernen/flexbox-fur-anordnungen-nutzen"},{"@type":"VideoObject","name":"Gridlayouts definieren - 2. Formatieren mit Tailwind CSS","author":{"@type":"Person","name":"Florence Maurice","description":"Trainerin und Autorin für Webthemen: von CSS bis hin zu PHP","jobTitle":"Trainerin und Autorin für Webthemen: von CSS bis hin zu PHP","url":"https://de.linkedin.com/in/florence-maurice","image":"https://media.licdn.com/dms/image/v2/D4E03AQFDQ9QFW2USTw/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1682961998454?e=2147483647&v=beta&t=cJVUEAutJPF2i-h5EFtUHrxuEuJAj2AFb05rAWes0Vo"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4E0DAQG-TH0Tio-9IQ/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1630493895882?e=2147483647&v=beta&t=hmdsWQkN9yPyEKv4FVyo1kEAQ4xua3wMXxAhvAXoJoc","description":"Das praktische Framework kennen lernen, praktisch nutzen und individuell anpassen.","duration":"PT1M39S","datePublished":"2021-09-07","uploadDate":"2021-09-07","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://de.linkedin.com/learning/tailwind-css-lernen/gridlayouts-definieren"},{"@type":"VideoObject","name":"Layouttechniken kombinieren - 2. Formatieren mit Tailwind CSS","author":{"@type":"Person","name":"Florence Maurice","description":"Trainerin und Autorin für Webthemen: von CSS bis hin zu PHP","jobTitle":"Trainerin und Autorin für Webthemen: von CSS bis hin zu PHP","url":"https://de.linkedin.com/in/florence-maurice","image":"https://media.licdn.com/dms/image/v2/D4E03AQFDQ9QFW2USTw/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1682961998454?e=2147483647&v=beta&t=cJVUEAutJPF2i-h5EFtUHrxuEuJAj2AFb05rAWes0Vo"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4E0DAQG-TH0Tio-9IQ/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1630493895882?e=2147483647&v=beta&t=hmdsWQkN9yPyEKv4FVyo1kEAQ4xua3wMXxAhvAXoJoc","description":"Das praktische Framework kennen lernen, praktisch nutzen und individuell anpassen.","duration":"PT2M51S","datePublished":"2021-09-07","uploadDate":"2021-09-07","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://de.linkedin.com/learning/tailwind-css-lernen/layouttechniken-kombinieren"},{"@type":"VideoObject","name":"Hover und weitere Zustände - 2. Formatieren mit Tailwind CSS","author":{"@type":"Person","name":"Florence Maurice","description":"Trainerin und Autorin für Webthemen: von CSS bis hin zu PHP","jobTitle":"Trainerin und Autorin für Webthemen: von CSS bis hin zu PHP","url":"https://de.linkedin.com/in/florence-maurice","image":"https://media.licdn.com/dms/image/v2/D4E03AQFDQ9QFW2USTw/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1682961998454?e=2147483647&v=beta&t=cJVUEAutJPF2i-h5EFtUHrxuEuJAj2AFb05rAWes0Vo"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4E0DAQG-TH0Tio-9IQ/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1630493895882?e=2147483647&v=beta&t=hmdsWQkN9yPyEKv4FVyo1kEAQ4xua3wMXxAhvAXoJoc","description":"Das praktische Framework kennen lernen, praktisch nutzen und individuell anpassen.","duration":"PT2M46S","datePublished":"2021-09-07","uploadDate":"2021-09-07","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://de.linkedin.com/learning/tailwind-css-lernen/hover-und-weitere-zustande"}],[{"@type":"VideoObject","name":"Techniken für die Wiederverwendung - 3. Formatierungen wiederverwenden","author":{"@type":"Person","name":"Florence Maurice","description":"Trainerin und Autorin für Webthemen: von CSS bis hin zu PHP","jobTitle":"Trainerin und Autorin für Webthemen: von CSS bis hin zu PHP","url":"https://de.linkedin.com/in/florence-maurice","image":"https://media.licdn.com/dms/image/v2/D4E03AQFDQ9QFW2USTw/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1682961998454?e=2147483647&v=beta&t=cJVUEAutJPF2i-h5EFtUHrxuEuJAj2AFb05rAWes0Vo"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4E0DAQG-TH0Tio-9IQ/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1630493895882?e=2147483647&v=beta&t=hmdsWQkN9yPyEKv4FVyo1kEAQ4xua3wMXxAhvAXoJoc","description":"Das praktische Framework kennen lernen, praktisch nutzen und individuell anpassen.","duration":"PT2M48S","datePublished":"2021-09-07","uploadDate":"2021-09-07","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://de.linkedin.com/learning/tailwind-css-lernen/techniken-fur-die-wiederverwendung"},{"@type":"VideoObject","name":"@apply-Direktive - 3. Formatierungen wiederverwenden","author":{"@type":"Person","name":"Florence Maurice","description":"Trainerin und Autorin für Webthemen: von CSS bis hin zu PHP","jobTitle":"Trainerin und Autorin für Webthemen: von CSS bis hin zu PHP","url":"https://de.linkedin.com/in/florence-maurice","image":"https://media.licdn.com/dms/image/v2/D4E03AQFDQ9QFW2USTw/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1682961998454?e=2147483647&v=beta&t=cJVUEAutJPF2i-h5EFtUHrxuEuJAj2AFb05rAWes0Vo"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4E0DAQG-TH0Tio-9IQ/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1630493895882?e=2147483647&v=beta&t=hmdsWQkN9yPyEKv4FVyo1kEAQ4xua3wMXxAhvAXoJoc","description":"Das praktische Framework kennen lernen, praktisch nutzen und individuell anpassen.","duration":"PT2M25S","datePublished":"2021-09-07","uploadDate":"2021-09-07","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://de.linkedin.com/learning/tailwind-css-lernen/apply-direktive"},{"@type":"VideoObject","name":"@layer-Direktive - 3. Formatierungen wiederverwenden","author":{"@type":"Person","name":"Florence Maurice","description":"Trainerin und Autorin für Webthemen: von CSS bis hin zu PHP","jobTitle":"Trainerin und Autorin für Webthemen: von CSS bis hin zu PHP","url":"https://de.linkedin.com/in/florence-maurice","image":"https://media.licdn.com/dms/image/v2/D4E03AQFDQ9QFW2USTw/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1682961998454?e=2147483647&v=beta&t=cJVUEAutJPF2i-h5EFtUHrxuEuJAj2AFb05rAWes0Vo"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4E0DAQG-TH0Tio-9IQ/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1630493895882?e=2147483647&v=beta&t=hmdsWQkN9yPyEKv4FVyo1kEAQ4xua3wMXxAhvAXoJoc","description":"Das praktische Framework kennen lernen, praktisch nutzen und individuell anpassen.","duration":"PT2M56S","datePublished":"2021-09-07","uploadDate":"2021-09-07","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://de.linkedin.com/learning/tailwind-css-lernen/layer-direktive"}],[{"@type":"VideoObject","name":"Plug-ins nutzen - 4. Tailwind CSS anpassen und erweitern","author":{"@type":"Person","name":"Florence Maurice","description":"Trainerin und Autorin für Webthemen: von CSS bis hin zu PHP","jobTitle":"Trainerin und Autorin für Webthemen: von CSS bis hin zu PHP","url":"https://de.linkedin.com/in/florence-maurice","image":"https://media.licdn.com/dms/image/v2/D4E03AQFDQ9QFW2USTw/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1682961998454?e=2147483647&v=beta&t=cJVUEAutJPF2i-h5EFtUHrxuEuJAj2AFb05rAWes0Vo"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4E0DAQG-TH0Tio-9IQ/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1630493895882?e=2147483647&v=beta&t=hmdsWQkN9yPyEKv4FVyo1kEAQ4xua3wMXxAhvAXoJoc","description":"Das praktische Framework kennen lernen, praktisch nutzen und individuell anpassen.","duration":"PT2M30S","datePublished":"2021-09-07","uploadDate":"2021-09-07","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://de.linkedin.com/learning/tailwind-css-lernen/plug-ins-nutzen"},{"@type":"VideoObject","name":"Anpassungen – das Prinzip - 4. Tailwind CSS anpassen und erweitern","author":{"@type":"Person","name":"Florence Maurice","description":"Trainerin und Autorin für Webthemen: von CSS bis hin zu PHP","jobTitle":"Trainerin und Autorin für Webthemen: von CSS bis hin zu PHP","url":"https://de.linkedin.com/in/florence-maurice","image":"https://media.licdn.com/dms/image/v2/D4E03AQFDQ9QFW2USTw/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1682961998454?e=2147483647&v=beta&t=cJVUEAutJPF2i-h5EFtUHrxuEuJAj2AFb05rAWes0Vo"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4E0DAQG-TH0Tio-9IQ/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1630493895882?e=2147483647&v=beta&t=hmdsWQkN9yPyEKv4FVyo1kEAQ4xua3wMXxAhvAXoJoc","description":"Das praktische Framework kennen lernen, praktisch nutzen und individuell anpassen.","duration":"PT2M40S","datePublished":"2021-09-07","uploadDate":"2021-09-07","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://de.linkedin.com/learning/tailwind-css-lernen/anpassungen-das-prinzip"},{"@type":"VideoObject","name":"Schriften anpassen - 4. Tailwind CSS anpassen und erweitern","author":{"@type":"Person","name":"Florence Maurice","description":"Trainerin und Autorin für Webthemen: von CSS bis hin zu PHP","jobTitle":"Trainerin und Autorin für Webthemen: von CSS bis hin zu PHP","url":"https://de.linkedin.com/in/florence-maurice","image":"https://media.licdn.com/dms/image/v2/D4E03AQFDQ9QFW2USTw/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1682961998454?e=2147483647&v=beta&t=cJVUEAutJPF2i-h5EFtUHrxuEuJAj2AFb05rAWes0Vo"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4E0DAQG-TH0Tio-9IQ/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1630493895882?e=2147483647&v=beta&t=hmdsWQkN9yPyEKv4FVyo1kEAQ4xua3wMXxAhvAXoJoc","description":"Das praktische Framework kennen lernen, praktisch nutzen und individuell anpassen.","duration":"PT3M50S","datePublished":"2021-09-07","uploadDate":"2021-09-07","requiresSubscription":false,"isAccessibleForFree":true,"contentUrl":"https://de.linkedin.com/learning/tailwind-css-lernen/schriften-anpassen"},{"@type":"VideoObject","name":"Farben ergänzen - 4. Tailwind CSS anpassen und erweitern","author":{"@type":"Person","name":"Florence Maurice","description":"Trainerin und Autorin für Webthemen: von CSS bis hin zu PHP","jobTitle":"Trainerin und Autorin für Webthemen: von CSS bis hin zu PHP","url":"https://de.linkedin.com/in/florence-maurice","image":"https://media.licdn.com/dms/image/v2/D4E03AQFDQ9QFW2USTw/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1682961998454?e=2147483647&v=beta&t=cJVUEAutJPF2i-h5EFtUHrxuEuJAj2AFb05rAWes0Vo"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4E0DAQG-TH0Tio-9IQ/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1630493895882?e=2147483647&v=beta&t=hmdsWQkN9yPyEKv4FVyo1kEAQ4xua3wMXxAhvAXoJoc","description":"Das praktische Framework kennen lernen, praktisch nutzen und individuell anpassen.","duration":"PT1M28S","datePublished":"2021-09-07","uploadDate":"2021-09-07","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://de.linkedin.com/learning/tailwind-css-lernen/farben-erganzen"},{"@type":"VideoObject","name":"Eigene Farbpalette erstellen - 4. Tailwind CSS anpassen und erweitern","author":{"@type":"Person","name":"Florence Maurice","description":"Trainerin und Autorin für Webthemen: von CSS bis hin zu PHP","jobTitle":"Trainerin und Autorin für Webthemen: von CSS bis hin zu PHP","url":"https://de.linkedin.com/in/florence-maurice","image":"https://media.licdn.com/dms/image/v2/D4E03AQFDQ9QFW2USTw/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1682961998454?e=2147483647&v=beta&t=cJVUEAutJPF2i-h5EFtUHrxuEuJAj2AFb05rAWes0Vo"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4E0DAQG-TH0Tio-9IQ/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1630493895882?e=2147483647&v=beta&t=hmdsWQkN9yPyEKv4FVyo1kEAQ4xua3wMXxAhvAXoJoc","description":"Das praktische Framework kennen lernen, praktisch nutzen und individuell anpassen.","duration":"PT1M52S","datePublished":"2021-09-07","uploadDate":"2021-09-07","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://de.linkedin.com/learning/tailwind-css-lernen/eigene-farbpalette-erstellen"},{"@type":"VideoObject","name":"Weitere Varianten festlegen - 4. Tailwind CSS anpassen und erweitern","author":{"@type":"Person","name":"Florence Maurice","description":"Trainerin und Autorin für Webthemen: von CSS bis hin zu PHP","jobTitle":"Trainerin und Autorin für Webthemen: von CSS bis hin zu PHP","url":"https://de.linkedin.com/in/florence-maurice","image":"https://media.licdn.com/dms/image/v2/D4E03AQFDQ9QFW2USTw/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1682961998454?e=2147483647&v=beta&t=cJVUEAutJPF2i-h5EFtUHrxuEuJAj2AFb05rAWes0Vo"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4E0DAQG-TH0Tio-9IQ/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1630493895882?e=2147483647&v=beta&t=hmdsWQkN9yPyEKv4FVyo1kEAQ4xua3wMXxAhvAXoJoc","description":"Das praktische Framework kennen lernen, praktisch nutzen und individuell anpassen.","duration":"PT2M13S","datePublished":"2021-09-07","uploadDate":"2021-09-07","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://de.linkedin.com/learning/tailwind-css-lernen/weitere-varianten-festlegen"},{"@type":"VideoObject","name":"Datei für den produktiven Einsatz erstellen - 4. Tailwind CSS anpassen und erweitern","author":{"@type":"Person","name":"Florence Maurice","description":"Trainerin und Autorin für Webthemen: von CSS bis hin zu PHP","jobTitle":"Trainerin und Autorin für Webthemen: von CSS bis hin zu PHP","url":"https://de.linkedin.com/in/florence-maurice","image":"https://media.licdn.com/dms/image/v2/D4E03AQFDQ9QFW2USTw/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1682961998454?e=2147483647&v=beta&t=cJVUEAutJPF2i-h5EFtUHrxuEuJAj2AFb05rAWes0Vo"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4E0DAQG-TH0Tio-9IQ/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1630493895882?e=2147483647&v=beta&t=hmdsWQkN9yPyEKv4FVyo1kEAQ4xua3wMXxAhvAXoJoc","description":"Das praktische Framework kennen lernen, praktisch nutzen und individuell anpassen.","duration":"PT3M49S","datePublished":"2021-09-07","uploadDate":"2021-09-07","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://de.linkedin.com/learning/tailwind-css-lernen/datei-fur-den-produktiven-einsatz-erstellen"}]],"syllabusSections":[{"@type":"Syllabus","name":"Das praktische Web-Framework Tailwind CSS kennen lernen, praktisch nutzen und individuell anpassen.","timeRequired":"PT1M9S","description":"Mit Tailwind CSS formatieren und gestalten Sie individuelle Websites und Layouts – ganz ohne den HTML-Code zu verlassen. In diesem Kurs zeigt Ihnen Florence Maurice, wie Sie dieses äußerst attraktive CSS-Framework in der Praxis nutzen."},{"@type":"Syllabus","name":"Tailwind CSS vorgestellt","timeRequired":"PT5M2S","description":"Der StateofCSS zeigt es deutlich: Entwickler:innen, die Tailwind CSS nutzen, würden es wieder verwenden – es überzeugt. Was Tailwind CSS so besonders macht, erfahren Sie in diesem Video."},{"@type":"Syllabus","name":"Playground nutzen","timeRequired":"PT3M25S","description":"Der Tailwind CSS-Playground erlaubt es Ihnen, Tailwind CSS ohne irgendeine Installation auszutesten. Dabei können Sie alle von Tailwind CSS gebotenen Features nutzen, d.h. auch die Konfiguration anpassen."},{"@type":"Syllabus","name":"Installationsoptionen kennenlernen","timeRequired":"PT2M56S","description":"Sie können Tailwind CSS auf verschiedene Arten in Ihr Projekt integrieren. Dabei können Sie Tailwind CSS als PostCSS-Plug-in nutzen oder ohne Post CSS. Ganz ohne Installation ist die Möglichkeit per CDN."},{"@type":"Syllabus","name":"Tailwind CSS per CDN","timeRequired":"PT2M12S","description":"Um die Klassen von Tailwind CSS zu nutzen, können Sie die Tailwind CSS-Datei auch per CDN einbinden. Allerdings können Sie dann nicht die fortgeschrittenen Tailwind CSS-Features nutzen."},{"@type":"Syllabus","name":"Tailwind CSS ohne PostCSS mit npx installieren","timeRequired":"PT3M38S","description":"Sehr schnell geht die Installation von Tailwind CSS ohne PostCSS mit npx. Die Vorgehensweise in der Praxis demonstriert Ihnen Florence Maurice in diesem Video."},{"@type":"Syllabus","name":"Tailwind CSS ohne PostCSS mit npm installieren","timeRequired":"PT4M34S","description":"Eine sehr gute Möglichkeit, Tailwind CSS zu installieren, funktioniert mithilfe von npm. Das bietet dann viele komfortable Möglichkeiten für die Konfiguration."},{"@type":"Syllabus","name":"Mit PostCSS bei Vue","timeRequired":"PT3M56S","description":"Als Beispiel dafür, wie Sie Tailwind CSS als PostCSS-Plug-in installieren, zeigt die Trainerin Ihnen, wie dies innerhalb eines VueJs-Projekts funktioniert."},{"@type":"Syllabus","name":"Tailwind CSS einsetzen","timeRequired":"PT3M46S","description":"Damit Sie Tailwind CSS nutzen können, müssen Sie auf die erzeugte CSS-Datei verweisen. Außerdem lernen Sie im Video die Bestandteile von Tailwind CSS kennen."},{"@type":"Syllabus","name":"Tailwind CSS-Erweiterung für Visual Studio Code","timeRequired":"PT2M25S","description":"Wenn Sie den Editor Visual Studio Code verwenden, steht Ihnen eine sehr hilfreiche Erweiterung für Tailwind CSS zur Verfügung. Sehen Sie der Trainerin zu, wie Sie diese verwendet."},{"@type":"Syllabus","name":"Grundprinzip von Tailwind CSS","timeRequired":"PT4M32S","description":"Am Beispiel einer Karte erlernen Sie die grundlegende Herangehensweise, wenn Sie mit Tailwind CSS Komponenten designen. Sie erfahren auch, warum hier individuelle Designs einfacher umzusetzen sind als beispielsweise mit Bootstrap."},{"@type":"Syllabus","name":"Farben zuweisen","timeRequired":"PT3M13S","description":"Farbzuweisungen folgen in Tailwind CSS einem klaren Grundprinzip: zuerst Farbton und dann Abstufung. Und Sie können nicht nur Hintergrund- und Textfarben festlegen, sondern beispielweise auch Farbverläufe bestimmen."},{"@type":"Syllabus","name":"Abstände definieren","timeRequired":"PT4M19S","description":"Innen- und Außenabstände definieren Sie in Tailwind CSS rasch über vorgegebene Klassen. Besonders praktisch ist die Klasse space, über die Sie Abstände bei Kind-Elementen festlegen."},{"@type":"Syllabus","name":"Typografie anpassen","timeRequired":"PT2M6S","description":"Die Schrift soll größer, fetter oder kursiv sein? Oder Sie hätten gerne eine dicktengleiche Schrift? Für dies und viel mehr stehen vordefinierte Klassen zur Verfügung."},{"@type":"Syllabus","name":"Responsive Formatierungen","timeRequired":"PT4M33S","description":"Dank responsiver Präfixe können Sie bestimmen, dass Formatierungen erst ab einer bestimmten Viewport-Größe gelten sollen. Dadurch können Sie beispielsweise auch Elemente bei bestimmten Viewports ausblenden."},{"@type":"Syllabus","name":"Klassen für Layouts","timeRequired":"PT4M29S","description":"Ein Raster, wie Sie es von anderen Frameworks kennen, suchen Sie in Tailwind CSS vergeblich. Dafür gibt es aber jede Menge Klassen, die bei Layouts helfen – die Sie beispielsweise über Flexbox oder Grid umsetzen."},{"@type":"Syllabus","name":"container-Klasse einsetzen","timeRequired":"PT1M51S","description":"Die container-Klasse ist praktisch, um die Breite des Hauptbereichs zu begrenzen. Dabei orientiert sich der exakte Wert am Viewport, wie Sie in diesem Video erfahren."},{"@type":"Syllabus","name":"Flexbox für Anordnungen nutzen","timeRequired":"PT2M45S","description":"Bild und Text sollen bei kleinem Viewport untereinander, bei größerem nebeneinander platziert werden. Das geht dank Flexbox und den passenden Klassen ganz einfach."},{"@type":"Syllabus","name":"Gridlayouts definieren","timeRequired":"PT1M39S","description":"Tailwind CSS bietet Ihnen Klassen, um rasch mehrspaltige Layout zu realisieren – und so können Sie definieren, dass ein Layout je nach Viewport unterschiedlich viele Spalten hat."},{"@type":"Syllabus","name":"Layouttechniken kombinieren","timeRequired":"PT2M51S","description":"Am Beispiel einer gedrehten Karte im Hintergrund sehen Sie, wie Sie verschiedene Layouttechniken – Flexbox und position – kombinieren und eine Drehung festlegen können."},{"@type":"Syllabus","name":"Hover und weitere Zustände","timeRequired":"PT2M46S","description":"Ein Button soll beim Hovern die Farbe ändern und der Focus-Zustand soll deutlich formatiert werden. Dafür gibt es passende Präfixe und die nützliche Klasse ring."},{"@type":"Syllabus","name":"Techniken für die Wiederverwendung","timeRequired":"PT2M48S","description":"Wenn Sie mehr mit Tailwind CSS arbeiten, werden Sie auf das Problem stoßen, dass Sie viel Code doppelt schreiben – unschön! Es gibt verschiedene Möglichkeiten, damit umzugehen: die @apply-Direktive oder die Arbeit mit Templates."},{"@type":"Syllabus","name":"@apply-Direktive","timeRequired":"PT2M25S","description":"Wie funktioniert @apply in der Praxis? Das veranschaulicht Florence Maurice Ihnen in diesem Video am Beispiel der Formatierung eines Webseiten-Buttons."},{"@type":"Syllabus","name":"@layer-Direktive","timeRequired":"PT2M56S","description":"Auch wenn Sie mit @apply Formatierungen extrahieren, kann es sein, dass Sie einzelne Elemente weiter anpassen möchten. Damit das klappt, müssen Sie Ihre Klassen an der richtigen Stelle notieren oder @layer verwenden."},{"@type":"Syllabus","name":"Plug-ins nutzen","timeRequired":"PT2M30S","description":"Mit Plug-ins lässt sich Tailwind CSS noch erweitern. Besonders beliebt ist dabei das Forms-Plug-in. Hier sehen Sie, was Sie tun müssen, um es einzusetzen."},{"@type":"Syllabus","name":"Anpassungen – das Prinzip","timeRequired":"PT2M40S","description":"Die Stärke von Tailwind CSS ist, dass Sie damit individuelle Layouts und Designs erstellen können. Und das heißt auch, dass Sie alle Vorgaben anpassen können. Dafür ist es gut, sich eine vollständige Konfigurationsdatei als Referenz zu erstellen."},{"@type":"Syllabus","name":"Schriften anpassen","timeRequired":"PT3M50S","description":"Häufig werden Sie bei einem Projekt unterschiedliche Schriften verwenden wollen. Diese Aufgabe lässt sich sehr gut über die Konfiguration bewerkstelligen."},{"@type":"Syllabus","name":"Farben ergänzen","timeRequired":"PT1M28S","description":"Sie können die Farbpalette von Tailwind CSS durch eigene Farben ergänzen, beispielsweise für einen Firmenfarbton oder Ähnliches. Sehen Sie hier, wie es geht."},{"@type":"Syllabus","name":"Eigene Farbpalette erstellen","timeRequired":"PT1M52S","description":"Durch die richtigen Angaben in der Konfigurationsdatei können Sie eine eigene Farbpalette mit Abstufungen definieren, wie Ihnen die Trainerin in diesem Video demonstriert."},{"@type":"Syllabus","name":"Weitere Varianten festlegen","timeRequired":"PT2M13S","description":"In Tailwind CSS 2 sind die Varianten für den :active-Zustand nicht standardmäßig aktiviert. Das lässt sich ändern, und nach diesem Prinzip können Sie auch andere Varianten erzeugen."},{"@type":"Syllabus","name":"Datei für den produktiven Einsatz erstellen","timeRequired":"PT3M49S","description":"Die Standarddatei von Tailwind CSS 2 ist sehr groß, weil sie alle möglichen Klassen enthält, von denen Sie in Ihrem Projekt jedoch nur einen kleinen Teil nutzen. Um eine optimierte kleine CSS-Datei auszuliefern, sollten Sie Purge CSS nutzen."}],"aggregateRating":{"@type":"AggregateRating","ratingCount":13,"ratingValue":4.8,"bestRating":5,"worstRating":1},"review":[],"video":{"@type":"VideoObject","name":"Das praktische Web-Framework Tailwind CSS kennen lernen, praktisch nutzen und individuell anpassen. - Tailwind CSS lernen","author":{"@type":"Person","name":"Florence Maurice","description":"Trainerin und Autorin für Webthemen: von CSS bis hin zu PHP","jobTitle":"Trainerin und Autorin für Webthemen: von CSS bis hin zu PHP","url":"https://de.linkedin.com/in/florence-maurice","image":"https://media.licdn.com/dms/image/v2/D4E03AQFDQ9QFW2USTw/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1682961998454?e=2147483647&v=beta&t=cJVUEAutJPF2i-h5EFtUHrxuEuJAj2AFb05rAWes0Vo"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4E0DAQG-TH0Tio-9IQ/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1630493895882?e=2147483647&v=beta&t=hmdsWQkN9yPyEKv4FVyo1kEAQ4xua3wMXxAhvAXoJoc","description":"Das praktische Framework kennen lernen, praktisch nutzen und individuell anpassen.","duration":"PT1M9S","datePublished":"2021-09-07","uploadDate":"2021-09-07","requiresSubscription":false,"isAccessibleForFree":true,"contentUrl":"https://de.linkedin.com/learning/tailwind-css-lernen/das-praktische-web-framework-tailwind-css-kennen-lernen-praktisch-nutzen-und-individuell-anpassen"},"educationalCredentialAwarded":[{"@type":"EducationalOccupationalCredential","name":"LinkedIn Learning-Abschlusszertifikat","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"> Weiter zum Hauptinhalt </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="Primär"> <a href="https://de.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">  Suche (Kenntnisse, Themen, Software)  </div> <span class="sr-only">Suche erweitern</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">Dieser Button zeigt den derzeit ausgewählten Suchtyp an. Bei Erweiterung erscheint eine Liste mit Suchoptionen, die die Sucheingaben so ändern, dass sie zur aktuellen Auswahl passen.</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"> Personen </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="Schließen" 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="Vorname" 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="Vorname" 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">Text löschen</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="Nachname" 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="Nachname" 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">Text löschen</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="Suche" 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="Suche (Stellen oder Unternehmen)" 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="Suche (Stellen oder Unternehmen)" 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">Text löschen</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="Standort" 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="Standort" role="combobox" value="Insel von 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">Text löschen</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="Suche" 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="Suche (Kenntnisse, Themen, 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="Suche (Kenntnisse, Themen, 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">Text löschen</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="Suche" 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://de.linkedin.com/learning/subscription/products?courseSlug=tailwind-css-lernen&destRedirectURL=https%3A%2F%2Fde%2Elinkedin%2Ecom%2Flearning%2Ftailwind-css-lernen&trk=learning-course_nav-header-join&upsellTrk=lil_upsell_nav_subscription&session_redirect=https%3A%2F%2Fde.linkedin.com%2Flearning%2Ftailwind-css-lernen%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> Kostenlos testen </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%2Ftailwind-css-lernen%3Ftrk%3Dlearning-topics_learning-search-card_search-card%26trk%3Dlearning-topics_learning-search-card_search-card&fromSignIn=true&session_redirect=https%3A%2F%2Fde.linkedin.com%2Flearning%2Ftailwind-css-lernen%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> Einloggen </a> <a aria-label="Einloggen" 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%2Ftailwind-css-lernen%3Ftrk%3Dlearning-topics_learning-search-card_search-card%26trk%3Dlearning-topics_learning-search-card_search-card&fromSignIn=true&session_redirect=https%3A%2F%2Fde.linkedin.com%2Flearning%2Ftailwind-css-lernen%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"> Lösungen für: </p> <a href="https://learning.linkedin.com/de-de/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">Unternehmen</a> <a href="https://learning.linkedin.com/de-de/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">Bildungseinrichtungen</a> <a href="https://learning.linkedin.com/de-de/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">Behörden</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">Für Ihr Team erwerben</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://de.linkedin.com/learning/browse?trk=learning-course_breadcrumb" data-tracking-control-name="learning-course_breadcrumb" data-tracking-will-navigate>Alle Themen</a> </li> <li class="breadcrumb__item"> <a class="breadcrumb__link" href="https://de.linkedin.com/learning/topics/technik?trk=learning-course_breadcrumb" data-tracking-control-name="learning-course_breadcrumb" data-tracking-will-navigate>Technik</a> </li> <li class="breadcrumb__item"> <a class="breadcrumb__link" href="https://de.linkedin.com/learning/topics/webentwicklung?trk=learning-course_breadcrumb" data-tracking-control-name="learning-course_breadcrumb" data-tracking-will-navigate>Webentwicklung</a> </li> <li class="breadcrumb__item"> <a class="breadcrumb__link" href="https://de.linkedin.com/learning/topics/frontend-webentwicklung?trk=learning-course_breadcrumb" data-tracking-control-name="learning-course_breadcrumb" data-tracking-will-navigate>Frontend-Webentwicklung</a> </li> </ol> <script type="application/ld+json"> {"@context":"http://schema.org/","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Alle Themen","item":"https://de.linkedin.com/learning/browse"},{"@type":"ListItem","position":2,"name":"Technik","item":"https://de.linkedin.com/learning/topics/technik"},{"@type":"ListItem","position":3,"name":"Webentwicklung","item":"https://de.linkedin.com/learning/topics/webentwicklung"},{"@type":"ListItem","position":4,"name":"Frontend-Webentwicklung","item":"https://de.linkedin.com/learning/topics/frontend-webentwicklung"}]} </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="Tailwind CSS lernen" data-delayed-url="https://media.licdn.com/dms/image/v2/C4E0DAQG-TH0Tio-9IQ/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1630493895882?e=2147483647&v=beta&t=hmdsWQkN9yPyEKv4FVyo1kEAQ4xua3wMXxAhvAXoJoc"> <a class="top-card__overlay-button" data-tracking-control-name="course_preview" data-tracking-will-navigate href="https://de.linkedin.com/learning/tailwind-css-lernen/das-praktische-web-framework-tailwind-css-kennen-lernen-praktisch-nutzen-und-individuell-anpassen?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">Vorschau</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"> Tailwind CSS lernen </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">Mit Florence Maurice</span> <span class="top-card__headline-row-item">18 Mitgliedern gefällt das</span> </div> <div class="top-card__headline-row"> <span class="top-card__headline-row-item">Dauer: 1 Std. 34 Min.</span>  <span class="top-card__headline-row-item">Veröffentlicht am: 7.9.2021</span> </div> </h2>   <div class="top-card-layout__cta-container flex flex-wrap mt-0.5 papabear:mt-0 ml-[-12px]"> <a href="http://de.linkedin.com/learning/subscription/products?courseSlug=tailwind-css-lernen&destRedirectURL=https%3A%2F%2Fde%2Elinkedin%2Ecom%2Flearning%2Ftailwind-css-lernen&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> Gratismonat starten </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> Für Ihr Team erwerben </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"> Kursdetails </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"> Mit dem pfiffigen Framework Tailwind CSS formatieren und gestalten Sie individuelle Websites und Layouts, ohne den HTML-Code verlassen zu müssen. Das ermöglicht ein schnelles, effektives Arbeiten in der Webentwicklung – auch im Team. Dieses Videotraining bringt Ihnen die ersten Schritte mit Tailwind CSS nahe: Sie steigen mit der Installation ein und sehen und lernen die Formatierung von Texten sowie die Verwendung von Farben bis hin zur Gestaltung von Komponenten und responsiven Layouts. Weiterhin sehen Sie, wie Sie dank der umfangreichen Konfigurationsoptionen das Framework individuell anpassen können. Um optimal von diesem Kurs zu profitieren, sollten Sie über grundlegende CSS-Kenntnisse verfügen und auch schon mal mit NodeJS gearbeitet haben. </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"> Entwickelte Kompetenzen </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://de.linkedin.com/learning/search?keywords=Tailwind+CSS&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"> Tailwind CSS </a> </li> </ul> </div> </section> <section class="core-section-container my-3">  <h2 class="core-section-container__title section-title"> Zertifikate erhalten und teilen </h2>  <div class="core-section-container__content break-words"> <p class="course-certificate__body-paragraph">Teilen Sie, was Sie gelernt haben, und machen Sie in der gewünschten Branche auf sich aufmerksam – mit einem Zertifikat, das zeigt, was Sie in diesem Kurs gelernt haben.</p> <div class="course-certificate__image-container"> <img class="course-certificate__certificate-image" alt="Beispielzertifikat" 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>Abschlusszertifikat</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">Zeigen Sie Ihr Zertifikat auf Ihrem LinkedIn Profil im Bereich „Bescheinigungen & Zertifikate“.</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">Sie können das Zertifikat auch als PDF herunterladen oder ausdrucken und so an andere weitergeben.</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">Teilen Sie es online als Bild, um zu zeigen, was Sie können.</p> </li> </ul> </div> </div> </div> </section> <section class="core-section-container my-3 course-instructors">  <h2 class="core-section-container__title section-title"> Lernen Sie den:die Trainer:in kennen </h2>  <div class="core-section-container__content break-words"> <ul class="course-instructors__list"> <li class="course-instructors__list-item"> <a href="https://de.linkedin.com/in/florence-maurice?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/D4E03AQFDQ9QFW2USTw/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1682961998454?e=2147483647&v=beta&t=cJVUEAutJPF2i-h5EFtUHrxuEuJAj2AFb05rAWes0Vo" data-ghost-classes="bg-color-entity-ghost-background" data-ghost-url="https://static.licdn.com/aero-v1/sc/h/9c8pery4andzj6ohjkjp54ma2" alt="Hier klicken, um die Trainer:innenseite von Florence Maurice anzuzeigen"> <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 "> Florence Maurice </h3> <h4 class="base-main-card__subtitle body-text text-color-text overflow-hidden"> Trainerin und Autorin für Webthemen: von CSS bis hin zu PHP </h4>   </div>  </a> </li> </ul> </div> </section> <section class="core-section-container my-3 reviews-feed">  <h2 class="core-section-container__title section-title"> Nutzerbewertungen </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,8</span> <span class="ratings-summary__rating-max"> von 5</span></h3> <figure class="ratings-summary__figure"> <span class="star-rating" role="img" aria-label="Rating: 4.8 von 5 Sternen"> <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> <figcaption class="ratings-summary__ratings-total">13 Bewertungen</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">Wie werden die Bewertungen berechnet?</span> </button> <span role="tooltip" class="tooltip__popup" aria-hidden="true"> Die Gesamtbewertung gibt den Durchschnitt der abgegebenen Bewertungen wider. Sterne und Bewertungen können nur von nicht anonymisierten Nutzer:innen vergeben werden, die einen Kurs zu mindestens 40 % bearbeitet haben. So sollen gefälschte Bewertungen und Spam vermieden werden. </span> </div> </div> <ul> <li> <figure class="ratings-summary__rating-count"> <figcaption class="ratings-summary__rating-count-label"> 5 Sterne </figcaption> <progress class="ratings-summary__progress-bar" max="13" value="11" aria-valuemin="0" aria-valuenow="11" aria-valuemax="13"> Aktueller Wert: 11 </progress> <span class="ratings-summary__rating-count-percent"> 85 % </span> </figure> </li> <li> <figure class="ratings-summary__rating-count"> <figcaption class="ratings-summary__rating-count-label"> 4 Sterne </figcaption> <progress class="ratings-summary__progress-bar" max="13" value="2" aria-valuemin="0" aria-valuenow="2" aria-valuemax="13"> Aktueller Wert: 2 </progress> <span class="ratings-summary__rating-count-percent"> 15 % </span> </figure> </li> <li> <figure class="ratings-summary__rating-count"> <figcaption class="ratings-summary__rating-count-label"> 3 Sterne </figcaption> <progress class="ratings-summary__progress-bar" max="13" value="0" aria-valuemin="0" aria-valuenow="0" aria-valuemax="13"> Aktueller Wert: 0 </progress> <span class="ratings-summary__rating-count-percent"> 0 % </span> </figure> </li> <li> <figure class="ratings-summary__rating-count"> <figcaption class="ratings-summary__rating-count-label"> 2 Sterne </figcaption> <progress class="ratings-summary__progress-bar" max="13" value="0" aria-valuemin="0" aria-valuenow="0" aria-valuemax="13"> Aktueller Wert: 0 </progress> <span class="ratings-summary__rating-count-percent"> 0 % </span> </figure> </li> <li> <figure class="ratings-summary__rating-count"> <figcaption class="ratings-summary__rating-count-label"> 1 Sterne </figcaption> <progress class="ratings-summary__progress-bar" max="13" value="0" aria-valuemin="0" aria-valuenow="0" aria-valuemax="13"> Aktueller Wert: 0 </progress> <span class="ratings-summary__rating-count-percent"> 0 % </span> </figure> </li> </ul> </div> </section> </div>  </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"> Inhalt </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"> Einleitung <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"> Einleitung <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://de.linkedin.com/learning/tailwind-css-lernen/das-praktische-web-framework-tailwind-css-kennen-lernen-praktisch-nutzen-und-individuell-anpassen?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"> Das praktische Web-Framework Tailwind CSS kennen lernen, praktisch nutzen und individuell anpassen. </div> <div class="table-of-contents__item-duration"> 1 Min. 9 Sek. </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. Installation und erste Schritte <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. Installation und erste Schritte <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://de.linkedin.com/learning/tailwind-css-lernen/tailwind-css-vorgestellt?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"> Tailwind CSS vorgestellt </div> <div class="table-of-contents__item-duration"> 5 Min. 2 Sek. </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://de.linkedin.com/learning/tailwind-css-lernen/playground-nutzen?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Gesperrt)</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"> Playground nutzen </div> <div class="table-of-contents__item-duration"> 3 Min. 25 Sek. </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://de.linkedin.com/learning/tailwind-css-lernen/installationsoptionen-kennenlernen?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Gesperrt)</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"> Installationsoptionen kennenlernen </div> <div class="table-of-contents__item-duration"> 2 Min. 56 Sek. </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://de.linkedin.com/learning/tailwind-css-lernen/tailwind-css-per-cdn?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Gesperrt)</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"> Tailwind CSS per CDN </div> <div class="table-of-contents__item-duration"> 2 Min. 12 Sek. </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://de.linkedin.com/learning/tailwind-css-lernen/tailwind-css-ohne-postcss-mit-npx-installieren?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Gesperrt)</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"> Tailwind CSS ohne PostCSS mit npx installieren </div> <div class="table-of-contents__item-duration"> 3 Min. 38 Sek. </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://de.linkedin.com/learning/tailwind-css-lernen/tailwind-css-ohne-postcss-mit-npm-installieren?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Gesperrt)</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"> Tailwind CSS ohne PostCSS mit npm installieren </div> <div class="table-of-contents__item-duration"> 4 Min. 34 Sek. </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://de.linkedin.com/learning/tailwind-css-lernen/mit-postcss-bei-vue?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Gesperrt)</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"> Mit PostCSS bei Vue </div> <div class="table-of-contents__item-duration"> 3 Min. 56 Sek. </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://de.linkedin.com/learning/tailwind-css-lernen/tailwind-css-einsetzen?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Gesperrt)</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"> Tailwind CSS einsetzen </div> <div class="table-of-contents__item-duration"> 3 Min. 46 Sek. </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://de.linkedin.com/learning/tailwind-css-lernen/tailwind-css-erweiterung-fur-visual-studio-code?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Gesperrt)</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"> Tailwind CSS-Erweiterung für Visual Studio Code </div> <div class="table-of-contents__item-duration"> 2 Min. 25 Sek. </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. Formatieren mit Tailwind CSS <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. Formatieren mit Tailwind CSS <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://de.linkedin.com/learning/tailwind-css-lernen/grundprinzip-von-tailwind-css?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Gesperrt)</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"> Grundprinzip von Tailwind CSS </div> <div class="table-of-contents__item-duration"> 4 Min. 32 Sek. </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://de.linkedin.com/learning/tailwind-css-lernen/farben-zuweisen?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"> Farben zuweisen </div> <div class="table-of-contents__item-duration"> 3 Min. 13 Sek. </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://de.linkedin.com/learning/tailwind-css-lernen/abstande-definieren?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Gesperrt)</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"> Abstände definieren </div> <div class="table-of-contents__item-duration"> 4 Min. 19 Sek. </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://de.linkedin.com/learning/tailwind-css-lernen/typografie-anpassen?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Gesperrt)</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"> Typografie anpassen </div> <div class="table-of-contents__item-duration"> 2 Min. 6 Sek. </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://de.linkedin.com/learning/tailwind-css-lernen/responsive-formatierungen?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Gesperrt)</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"> Responsive Formatierungen </div> <div class="table-of-contents__item-duration"> 4 Min. 33 Sek. </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://de.linkedin.com/learning/tailwind-css-lernen/klassen-fur-layouts?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Gesperrt)</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"> Klassen für Layouts </div> <div class="table-of-contents__item-duration"> 4 Min. 29 Sek. </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://de.linkedin.com/learning/tailwind-css-lernen/container-klasse-einsetzen?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Gesperrt)</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"> container-Klasse einsetzen </div> <div class="table-of-contents__item-duration"> 1 Min. 51 Sek. </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://de.linkedin.com/learning/tailwind-css-lernen/flexbox-fur-anordnungen-nutzen?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Gesperrt)</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 für Anordnungen nutzen </div> <div class="table-of-contents__item-duration"> 2 Min. 45 Sek. </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://de.linkedin.com/learning/tailwind-css-lernen/gridlayouts-definieren?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Gesperrt)</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"> Gridlayouts definieren </div> <div class="table-of-contents__item-duration"> 1 Min. 39 Sek. </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://de.linkedin.com/learning/tailwind-css-lernen/layouttechniken-kombinieren?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Gesperrt)</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"> Layouttechniken kombinieren </div> <div class="table-of-contents__item-duration"> 2 Min. 51 Sek. </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://de.linkedin.com/learning/tailwind-css-lernen/hover-und-weitere-zustande?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Gesperrt)</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"> Hover und weitere Zustände </div> <div class="table-of-contents__item-duration"> 2 Min. 46 Sek. </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. Formatierungen wiederverwenden <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. Formatierungen wiederverwenden <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://de.linkedin.com/learning/tailwind-css-lernen/techniken-fur-die-wiederverwendung?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Gesperrt)</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"> Techniken für die Wiederverwendung </div> <div class="table-of-contents__item-duration"> 2 Min. 48 Sek. </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://de.linkedin.com/learning/tailwind-css-lernen/apply-direktive?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Gesperrt)</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"> @apply-Direktive </div> <div class="table-of-contents__item-duration"> 2 Min. 25 Sek. </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://de.linkedin.com/learning/tailwind-css-lernen/layer-direktive?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Gesperrt)</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"> @layer-Direktive </div> <div class="table-of-contents__item-duration"> 2 Min. 56 Sek. </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. Tailwind CSS anpassen und erweitern <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. Tailwind CSS anpassen und erweitern <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://de.linkedin.com/learning/tailwind-css-lernen/plug-ins-nutzen?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Gesperrt)</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"> Plug-ins nutzen </div> <div class="table-of-contents__item-duration"> 2 Min. 30 Sek. </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://de.linkedin.com/learning/tailwind-css-lernen/anpassungen-das-prinzip?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Gesperrt)</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"> Anpassungen – das Prinzip </div> <div class="table-of-contents__item-duration"> 2 Min. 40 Sek. </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://de.linkedin.com/learning/tailwind-css-lernen/schriften-anpassen?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"> Schriften anpassen </div> <div class="table-of-contents__item-duration"> 3 Min. 50 Sek. </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://de.linkedin.com/learning/tailwind-css-lernen/farben-erganzen?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Gesperrt)</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"> Farben ergänzen </div> <div class="table-of-contents__item-duration"> 1 Min. 28 Sek. </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://de.linkedin.com/learning/tailwind-css-lernen/eigene-farbpalette-erstellen?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Gesperrt)</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"> Eigene Farbpalette erstellen </div> <div class="table-of-contents__item-duration"> 1 Min. 52 Sek. </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://de.linkedin.com/learning/tailwind-css-lernen/weitere-varianten-festlegen?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Gesperrt)</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"> Weitere Varianten festlegen </div> <div class="table-of-contents__item-duration"> 2 Min. 13 Sek. </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://de.linkedin.com/learning/tailwind-css-lernen/datei-fur-den-produktiven-einsatz-erstellen?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Gesperrt)</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"> Datei für den produktiven Einsatz erstellen </div> <div class="table-of-contents__item-duration"> 3 Min. 49 Sek. </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"> Enthalten: </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">Praktische Übungen</span> <span class="subscription-value-props-aside-section__value-prop-sublabel">1 Übungsdatei</span> </li> <li class="subscription-value-props-aside-section__list-item"> <span class="subscription-value-props-aside-section__value-prop-label">Wissenstests</span> <span class="subscription-value-props-aside-section__value-prop-sublabel">4 Tests</span> </li> <li class="subscription-value-props-aside-section__list-item"> <span class="subscription-value-props-aside-section__value-prop-label">Lernen auch unterwegs</span> <span class="subscription-value-props-aside-section__value-prop-sublabel">Zugriff via Tablet und Handy</span> </li>  </ul> </div> </section>  <section class="aside-section-container mb-4"> <h2 class="aside-section-container__title section-title"> Kurse herunterladen </h2>  <div class="aside-section-container__content break-words"> <p>Sie können Kurse mit der LinkedIn Learning-App für iOS oder Android herunterladen und diese auch ohne Internetverbindung auf Ihrem Mobilgerät ansehen.</p> <div class="app-links-aside-section__link-container"> <a class="app-links-aside-section__link" href="https://itunes.apple.com/de/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="Im App Store herunterladen" 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=linkedinlearning&utm_medium=mobileWeb&utm_campaign=learning_guest&hl=de&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="Auf Google Play erhältlich" 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>Der Preis ist abhängig vom beim Einloggen oder bei der Registrierung angegebenen Profil- und Rechnungsland. </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"> Themen der Kategorie „Business“ ansehen </h3> <ul class="my-1"> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://de.linkedin.com/learning/topics/fuhrung-und-berufliche-weiterentwicklung?trk=learning-course_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-course_browsemap_link" data-tracking-will-navigate> Berufliche Weiterentwicklung </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://de.linkedin.com/learning/topics/business-software-und-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 und Tools </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://de.linkedin.com/learning/topics/diversity-equity-und-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, Inclusion und Belonging (DEIB) </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://de.linkedin.com/learning/topics/finanz-und-rechnungswesen?trk=learning-course_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-course_browsemap_link" data-tracking-will-navigate> Finanz- und Rechnungswesen </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://de.linkedin.com/learning/topics/fuhrung-und-management-15955952?trk=learning-course_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-course_browsemap_link" data-tracking-will-navigate> Führung und Management </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://de.linkedin.com/learning/topics/karriere-entwicklung-15962768?trk=learning-course_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-course_browsemap_link" data-tracking-will-navigate> Karriere-Entwicklung </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://de.linkedin.com/learning/topics/kleinunternehmen-und-unternehmertum?trk=learning-course_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-course_browsemap_link" data-tracking-will-navigate> Kleinunternehmen und Unternehmertum </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://de.linkedin.com/learning/topics/kundenservice-15962236?trk=learning-course_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-course_browsemap_link" data-tracking-will-navigate> Kundenservice </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://de.linkedin.com/learning/topics/marketing-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> Marketing </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://de.linkedin.com/learning/topics/personalwesen-15962946?trk=learning-course_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-course_browsemap_link" data-tracking-will-navigate> Personalwesen </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://de.linkedin.com/learning/topics/projektmanagement-15955944?trk=learning-course_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-course_browsemap_link" data-tracking-will-navigate> Projektmanagement </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://de.linkedin.com/learning/topics/training-und-bildung?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 und Bildung </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://de.linkedin.com/learning/topics/unternehmensanalyse-und-strategie?trk=learning-course_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-course_browsemap_link" data-tracking-will-navigate> Unternehmensanalyse und -strategie </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://de.linkedin.com/learning/topics/verkauf-und-vertrieb-15961401?trk=learning-course_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-course_browsemap_link" data-tracking-will-navigate> Verkauf und Vertrieb </a> </li> </ul> <a class="link tw-linkster-general-link" aria-label="Alle Kurse anzeigen: Business" href="https://de.linkedin.com/learning/topics/business-2?trk=learning-course_browsemap_general-link" data-tracking-control-name="learning-course_browsemap_general-link" data-tracking-will-navigate> Alle anzeigen </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"> Themen der Kategorie „Kreativität“ ansehen </h3> <ul class="my-1"> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://de.linkedin.com/learning/topics/animation-und-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 und Illustration </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://de.linkedin.com/learning/topics/architektur-ingenieur-und-bauwesen-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> Architektur-, Ingenieur- und Bauwesen (AEC) </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://de.linkedin.com/learning/topics/audio-und-musik?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 und Musik </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://de.linkedin.com/learning/topics/bildbearbeitung-fotografie-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> Bildbearbeitung und Fotografie </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://de.linkedin.com/learning/topics/grafikdesign?trk=learning-course_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-course_browsemap_link" data-tracking-will-navigate> Grafikdesign </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://de.linkedin.com/learning/topics/motion-design-und-visuelle-effekte?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-Design und Visuelle Effekte </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://de.linkedin.com/learning/topics/produkt-und-herstellung?trk=learning-course_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-course_browsemap_link" data-tracking-will-navigate> Produkt und Herstellung </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://de.linkedin.com/learning/topics/user-experience-15995392?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://de.linkedin.com/learning/topics/video-audio-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> Video </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://de.linkedin.com/learning/topics/visualisierung-und-echtzeit-rendering?trk=learning-course_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-course_browsemap_link" data-tracking-will-navigate> Visualisierung und Echtzeit-Rendering </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://de.linkedin.com/learning/topics/webdesign-und-ux?trk=learning-course_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-course_browsemap_link" data-tracking-will-navigate> Webdesign </a> </li> </ul> <a class="link tw-linkster-general-link" aria-label="Alle Kurse anzeigen: Kreativität" href="https://de.linkedin.com/learning/topics/kreativitat?trk=learning-course_browsemap_general-link" data-tracking-control-name="learning-course_browsemap_general-link" data-tracking-will-navigate> Alle anzeigen </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"> Themen der Kategorie „Technik“ ansehen </h3> <ul class="my-1"> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://de.linkedin.com/learning/topics/cloud-computing-16105209?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://de.linkedin.com/learning/topics/data-science-15956724?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://de.linkedin.com/learning/topics/datenbankverwaltung?trk=learning-course_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-course_browsemap_link" data-tracking-will-navigate> Datenbankverwaltung </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://de.linkedin.com/learning/topics/devops-16105665?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://de.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://de.linkedin.com/learning/topics/it-support-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> IT-Helpdesk </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://de.linkedin.com/learning/topics/informations-und-it-sicherheit?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-Sicherheit und Cybersecurity </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://de.linkedin.com/learning/topics/kunstliche-intelligenz-ki?trk=learning-course_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-course_browsemap_link" data-tracking-will-navigate> Künstliche Intelligenz (KI) </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://de.linkedin.com/learning/topics/mobile-entwicklung?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 Entwicklung </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://de.linkedin.com/learning/topics/it-operations-und-it-sicherheit?trk=learning-course_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-course_browsemap_link" data-tracking-will-navigate> Netzwerk- und Systemadministration </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://de.linkedin.com/learning/topics/softwareentwicklung?trk=learning-course_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-course_browsemap_link" data-tracking-will-navigate> Softwareentwicklung </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://de.linkedin.com/learning/topics/webentwicklung?trk=learning-course_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-course_browsemap_link" data-tracking-will-navigate> Webentwicklung </a> </li> </ul> <a class="link tw-linkster-general-link" aria-label="Alle Kurse anzeigen: Technik" href="https://de.linkedin.com/learning/topics/technik?trk=learning-course_browsemap_general-link" data-tracking-control-name="learning-course_browsemap_general-link" data-tracking-will-navigate> Alle anzeigen </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> Info </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> Barrierefreiheit </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> Nutzervereinbarung </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> Datenschutzrichtlinie </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-Richtlinie </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-Richtlinie </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> Markenrichtlinine </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> Einstellungen für Nichtmitglieder </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-Richtlinien </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="العربية (Arabisch)" 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"> العربية (Arabisch) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="বাংলা (Bengali)" 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"> বাংলা (Bengali) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="Čeština (Tschechisch)" 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 (Tschechisch) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="Dansk (Dänisch)" 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 (Dänisch) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="Deutsch ausgewählt" 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-de_DE" data-locale="de_DE" role="menuitem" lang="de_DE"> <strong>Deutsch</strong> </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="Ελανεκα (Griechisch)" 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"> Ελανεκα (Griechisch) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="English (Englisch)" 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-en_US" data-locale="en_US" role="menuitem" lang="en_US"> English (Englisch) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="Español (Spanisch)" 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 (Spanisch) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="فارسی (Persisch)" 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"> فارسی (Persisch) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="Suomi (Finnisch)" 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 (Finnisch) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="Français (Französisch)" 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 (Französisch) </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 (Ungarisch)" 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 (Ungarisch) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="Bahasa Indonesia (Indonesisch)" 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 (Indonesisch) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="Italiano (Italienisch)" 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 (Italienisch) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="עברית (Hebräisch)" 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"> עברית (Hebräisch) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="日本語 (Japanisch)" 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"> 日本語 (Japanisch) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="한국어 (Koreanisch)" 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"> 한국어 (Koreanisch) </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 (Malaysisch)" 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 (Malaysisch) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="Nederlands (Niederländisch)" 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 (Niederländisch) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="Norsk (Norwegisch)" 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 (Norwegisch) </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 (Polnisch)" 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 (Polnisch) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="Português (Portugiesisch)" 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 (Portugiesisch) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="Română (Rumänisch)" 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ă (Rumänisch) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="Русский (Russisch)" 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"> Русский (Russisch) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="Svenska (Schwedisch)" 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 (Schwedisch) </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 (Türkisch)" 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 (Türkisch) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="Українська (Ukrainisch)" 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"> Українська (Ukrainisch) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="Tiếng Việt (Vietnamesisch)" 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 (Vietnamesisch) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="简体中文 (Chinesisch vereinfacht)" 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"> 简体中文 (Chinesisch vereinfacht) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="正體中文 (Chinesisch traditionell)" 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"> 正體中文 (Chinesisch traditionell) </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"> Sprache </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

Onlinekurs: Tailwind CSS lernen | LinkedIn Learning, früher Lynda.com