Onlinekurs: Responsive Webdesign – Grundlagen | 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="AAYn4IPLknUIpKIVs03Pww==" data-multiproduct-name="learning-guest-frontend" data-service-name="learning-guest-frontend" data-browser-id="13fce4d7-893b-42b8-8098-b19e0492557f" data-enable-page-view-heartbeat-tracking data-page-instance="urn:li:page:learning_course_guest;5TqzgJbQRd+Oj7YE3CLVvw==" data-disable-jsbeacon-pagekey-suffix="false" data-member-id="0"> <link rel="canonical" href="https://de.linkedin.com/learning/responsive-webdesign-grundlagen-3">     <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: Responsive Webdesign – Grundlagen | LinkedIn Learning, früher Lynda.com</title> <meta name="robots" content="noarchive, max-image-preview:large"> <meta name="description" content="Lernen Sie, wie Sie flexible Webseiten konzipieren und erstellen."> <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: Responsive Webdesign – Grundlagen | LinkedIn Learning, früher Lynda.com"> <meta name="twitter:title" content="Onlinekurs: Responsive Webdesign – Grundlagen | LinkedIn Learning, früher Lynda.com"> <meta property="og:description" content="Lernen Sie, wie Sie flexible Webseiten konzipieren und erstellen."> <meta name="twitter:description" content="Lernen Sie, wie Sie flexible Webseiten konzipieren und erstellen."> <meta property="og:image" content="https://media.licdn.com/dms/image/v2/C4E0DAQGky7rSgMk31Q/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1568070629333?e=2147483647&v=beta&t=9GWbujsANehupRbatOFfMxVxVqMA7BZ_gWlAABQzX5Q"> <meta name="twitter:image" content="https://media.licdn.com/dms/image/v2/C4E0DAQGky7rSgMk31Q/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1568070629333?e=2147483647&v=beta&t=9GWbujsANehupRbatOFfMxVxVqMA7BZ_gWlAABQzX5Q">  <meta property="og:url" content="https://de.linkedin.com/learning/responsive-webdesign-grundlagen-3"> <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":"PT1H49M30S","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":"Responsive Webdesign – Grundlagen","offers":[{"@type":"Offer","category":"Subscription"},{"@type":"Offer","category":"Paid","price":"249.99","priceCurrency":"HKD"}],"description":"Lernen Sie, wie Sie flexible Webseiten konzipieren und erstellen.","image":"https://media.licdn.com/dms/image/v2/C4E0DAQGky7rSgMk31Q/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1568070629333?e=2147483647&v=beta&t=9GWbujsANehupRbatOFfMxVxVqMA7BZ_gWlAABQzX5Q","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":"2018-08-28","datePublished":"2018-08-28","thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4E0DAQGky7rSgMk31Q/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1568070629333?e=2147483647&v=beta&t=9GWbujsANehupRbatOFfMxVxVqMA7BZ_gWlAABQzX5Q","timeRequired":"PT1H49M30S","totalHistoricalEnrollment":1945,"url":"https://de.linkedin.com/learning/responsive-webdesign-grundlagen-3","about":[{"@type":"Thing","url":"https://www.linkedin.com/learning/topics/responsive-web-design","name":"Responsive Webdesign"}],"hasPart":[[{"@type":"VideoObject","name":"Willkommen zu “Responsive Webdesign – Grundlagen“ - Vorschau","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/C4E0DAQGky7rSgMk31Q/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1568070629333?e=2147483647&v=beta&t=9GWbujsANehupRbatOFfMxVxVqMA7BZ_gWlAABQzX5Q","description":"Lernen Sie, wie Sie flexible Webseiten konzipieren und erstellen.","duration":"PT51S","datePublished":"2018-08-28","uploadDate":"2018-08-28","requiresSubscription":false,"isAccessibleForFree":true,"contentUrl":"https://de.linkedin.com/learning/responsive-webdesign-grundlagen-3/willkommen-zu-responsive-webdesign-grundlagen"}],[{"@type":"VideoObject","name":"Mehr als Desktops: Webseiten für alle Devices - 1. Was ist Responsive Webdesign (RWD)?","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/C4E0DAQGky7rSgMk31Q/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1568070629333?e=2147483647&v=beta&t=9GWbujsANehupRbatOFfMxVxVqMA7BZ_gWlAABQzX5Q","description":"Lernen Sie, wie Sie flexible Webseiten konzipieren und erstellen.","duration":"PT1M3S","datePublished":"2018-08-28","uploadDate":"2018-08-28","requiresSubscription":false,"isAccessibleForFree":true,"contentUrl":"https://de.linkedin.com/learning/responsive-webdesign-grundlagen-3/mehr-als-desktops-webseiten-fur-alle-devices"},{"@type":"VideoObject","name":"Layouttypen \"klassisch\" - 1. Was ist Responsive Webdesign (RWD)?","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/C4E0DAQGky7rSgMk31Q/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1568070629333?e=2147483647&v=beta&t=9GWbujsANehupRbatOFfMxVxVqMA7BZ_gWlAABQzX5Q","description":"Lernen Sie, wie Sie flexible Webseiten konzipieren und erstellen.","duration":"PT4M5S","datePublished":"2018-08-28","uploadDate":"2018-08-28","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://de.linkedin.com/learning/responsive-webdesign-grundlagen-3/layouttypen-klassisch"},{"@type":"VideoObject","name":"Separate mobile Webseiten - 1. Was ist Responsive Webdesign (RWD)?","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/C4E0DAQGky7rSgMk31Q/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1568070629333?e=2147483647&v=beta&t=9GWbujsANehupRbatOFfMxVxVqMA7BZ_gWlAABQzX5Q","description":"Lernen Sie, wie Sie flexible Webseiten konzipieren und erstellen.","duration":"PT4M49S","datePublished":"2018-08-28","uploadDate":"2018-08-28","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://de.linkedin.com/learning/responsive-webdesign-grundlagen-3/separate-mobile-webseiten"},{"@type":"VideoObject","name":"Responsive Webdesign - 1. Was ist Responsive Webdesign (RWD)?","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/C4E0DAQGky7rSgMk31Q/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1568070629333?e=2147483647&v=beta&t=9GWbujsANehupRbatOFfMxVxVqMA7BZ_gWlAABQzX5Q","description":"Lernen Sie, wie Sie flexible Webseiten konzipieren und erstellen.","duration":"PT3M17S","datePublished":"2018-08-28","uploadDate":"2018-08-28","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://de.linkedin.com/learning/responsive-webdesign-grundlagen-3/responsive-webdesign"},{"@type":"VideoObject","name":"Beispiel für eine responsive Webseite - 1. Was ist Responsive Webdesign (RWD)?","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/C4E0DAQGky7rSgMk31Q/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1568070629333?e=2147483647&v=beta&t=9GWbujsANehupRbatOFfMxVxVqMA7BZ_gWlAABQzX5Q","description":"Lernen Sie, wie Sie flexible Webseiten konzipieren und erstellen.","duration":"PT3M11S","datePublished":"2018-08-28","uploadDate":"2018-08-28","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://de.linkedin.com/learning/responsive-webdesign-grundlagen-3/beispiel-fur-eine-responsive-webseite"}],[{"@type":"VideoObject","name":"RWD in Firefox - 2. Responsive Webseiten in verschiedenen Browsern testen","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/C4E0DAQGky7rSgMk31Q/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1568070629333?e=2147483647&v=beta&t=9GWbujsANehupRbatOFfMxVxVqMA7BZ_gWlAABQzX5Q","description":"Lernen Sie, wie Sie flexible Webseiten konzipieren und erstellen.","duration":"PT4M49S","datePublished":"2018-08-28","uploadDate":"2018-08-28","requiresSubscription":false,"isAccessibleForFree":true,"contentUrl":"https://de.linkedin.com/learning/responsive-webdesign-grundlagen-3/rwd-in-firefox"},{"@type":"VideoObject","name":"RWD in Chrome - 2. Responsive Webseiten in verschiedenen Browsern testen","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/C4E0DAQGky7rSgMk31Q/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1568070629333?e=2147483647&v=beta&t=9GWbujsANehupRbatOFfMxVxVqMA7BZ_gWlAABQzX5Q","description":"Lernen Sie, wie Sie flexible Webseiten konzipieren und erstellen.","duration":"PT4M22S","datePublished":"2018-08-28","uploadDate":"2018-08-28","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://de.linkedin.com/learning/responsive-webdesign-grundlagen-3/rwd-in-chrome"},{"@type":"VideoObject","name":"Testen in Safari und Edge - 2. Responsive Webseiten in verschiedenen Browsern testen","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/C4E0DAQGky7rSgMk31Q/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1568070629333?e=2147483647&v=beta&t=9GWbujsANehupRbatOFfMxVxVqMA7BZ_gWlAABQzX5Q","description":"Lernen Sie, wie Sie flexible Webseiten konzipieren und erstellen.","duration":"PT2M29S","datePublished":"2018-08-28","uploadDate":"2018-08-28","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://de.linkedin.com/learning/responsive-webdesign-grundlagen-3/testen-in-safari-und-edge"},{"@type":"VideoObject","name":"RWD mit Online-Tools - 2. Responsive Webseiten in verschiedenen Browsern testen","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/C4E0DAQGky7rSgMk31Q/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1568070629333?e=2147483647&v=beta&t=9GWbujsANehupRbatOFfMxVxVqMA7BZ_gWlAABQzX5Q","description":"Lernen Sie, wie Sie flexible Webseiten konzipieren und erstellen.","duration":"PT3M19S","datePublished":"2018-08-28","uploadDate":"2018-08-28","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://de.linkedin.com/learning/responsive-webdesign-grundlagen-3/rwd-mit-online-tools"},{"@type":"VideoObject","name":"Weitere Tests durchführen - 2. Responsive Webseiten in verschiedenen Browsern testen","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/C4E0DAQGky7rSgMk31Q/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1568070629333?e=2147483647&v=beta&t=9GWbujsANehupRbatOFfMxVxVqMA7BZ_gWlAABQzX5Q","description":"Lernen Sie, wie Sie flexible Webseiten konzipieren und erstellen.","duration":"PT2M12S","datePublished":"2018-08-28","uploadDate":"2018-08-28","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://de.linkedin.com/learning/responsive-webdesign-grundlagen-3/weitere-tests-durchfuhren"}],[{"@type":"VideoObject","name":"Viewport-Meta-Angaben - 3. Viewports und Media Queries","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/C4E0DAQGky7rSgMk31Q/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1568070629333?e=2147483647&v=beta&t=9GWbujsANehupRbatOFfMxVxVqMA7BZ_gWlAABQzX5Q","description":"Lernen Sie, wie Sie flexible Webseiten konzipieren und erstellen.","duration":"PT3M10S","datePublished":"2018-08-28","uploadDate":"2018-08-28","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://de.linkedin.com/learning/responsive-webdesign-grundlagen-3/viewport-meta-angaben"},{"@type":"VideoObject","name":"Viewport per CSS oder HTML - 3. Viewports und Media Queries","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/C4E0DAQGky7rSgMk31Q/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1568070629333?e=2147483647&v=beta&t=9GWbujsANehupRbatOFfMxVxVqMA7BZ_gWlAABQzX5Q","description":"Lernen Sie, wie Sie flexible Webseiten konzipieren und erstellen.","duration":"PT1M57S","datePublished":"2018-08-28","uploadDate":"2018-08-28","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://de.linkedin.com/learning/responsive-webdesign-grundlagen-3/viewport-per-css-oder-html"},{"@type":"VideoObject","name":"Viewport exakt steuern - 3. Viewports und Media Queries","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/C4E0DAQGky7rSgMk31Q/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1568070629333?e=2147483647&v=beta&t=9GWbujsANehupRbatOFfMxVxVqMA7BZ_gWlAABQzX5Q","description":"Lernen Sie, wie Sie flexible Webseiten konzipieren und erstellen.","duration":"PT3M36S","datePublished":"2018-08-28","uploadDate":"2018-08-28","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://de.linkedin.com/learning/responsive-webdesign-grundlagen-3/viewport-exakt-steuern"},{"@type":"VideoObject","name":"CSS3 Media Queries - 3. Viewports und Media Queries","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/C4E0DAQGky7rSgMk31Q/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1568070629333?e=2147483647&v=beta&t=9GWbujsANehupRbatOFfMxVxVqMA7BZ_gWlAABQzX5Q","description":"Lernen Sie, wie Sie flexible Webseiten konzipieren und erstellen.","duration":"PT5M30S","datePublished":"2018-08-28","uploadDate":"2018-08-28","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://de.linkedin.com/learning/responsive-webdesign-grundlagen-3/css3-media-queries"},{"@type":"VideoObject","name":"Positionen für Media Queries - 3. Viewports und Media Queries","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/C4E0DAQGky7rSgMk31Q/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1568070629333?e=2147483647&v=beta&t=9GWbujsANehupRbatOFfMxVxVqMA7BZ_gWlAABQzX5Q","description":"Lernen Sie, wie Sie flexible Webseiten konzipieren und erstellen.","duration":"PT3M15S","datePublished":"2018-08-28","uploadDate":"2018-08-28","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://de.linkedin.com/learning/responsive-webdesign-grundlagen-3/positionen-fur-media-queries"},{"@type":"VideoObject","name":"Media Queries im Detail - 3. Viewports und Media Queries","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/C4E0DAQGky7rSgMk31Q/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1568070629333?e=2147483647&v=beta&t=9GWbujsANehupRbatOFfMxVxVqMA7BZ_gWlAABQzX5Q","description":"Lernen Sie, wie Sie flexible Webseiten konzipieren und erstellen.","duration":"PT4M11S","datePublished":"2018-08-28","uploadDate":"2018-08-28","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://de.linkedin.com/learning/responsive-webdesign-grundlagen-3/media-queries-im-detail"},{"@type":"VideoObject","name":"Einheiten für Media Queries - 3. Viewports und Media Queries","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/C4E0DAQGky7rSgMk31Q/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1568070629333?e=2147483647&v=beta&t=9GWbujsANehupRbatOFfMxVxVqMA7BZ_gWlAABQzX5Q","description":"Lernen Sie, wie Sie flexible Webseiten konzipieren und erstellen.","duration":"PT2M47S","datePublished":"2018-08-28","uploadDate":"2018-08-28","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://de.linkedin.com/learning/responsive-webdesign-grundlagen-3/einheiten-fur-media-queries"}],[{"@type":"VideoObject","name":"Mit Prozentangaben arbeiten - 4. Mit flüssigen Komponenten ein responsives Layout erstellen","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/C4E0DAQGky7rSgMk31Q/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1568070629333?e=2147483647&v=beta&t=9GWbujsANehupRbatOFfMxVxVqMA7BZ_gWlAABQzX5Q","description":"Lernen Sie, wie Sie flexible Webseiten konzipieren und erstellen.","duration":"PT2M58S","datePublished":"2018-08-28","uploadDate":"2018-08-28","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://de.linkedin.com/learning/responsive-webdesign-grundlagen-3/mit-prozentangaben-arbeiten"},{"@type":"VideoObject","name":"Flüssige Layouts definieren - 4. Mit flüssigen Komponenten ein responsives Layout erstellen","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/C4E0DAQGky7rSgMk31Q/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1568070629333?e=2147483647&v=beta&t=9GWbujsANehupRbatOFfMxVxVqMA7BZ_gWlAABQzX5Q","description":"Lernen Sie, wie Sie flexible Webseiten konzipieren und erstellen.","duration":"PT5M17S","datePublished":"2018-08-28","uploadDate":"2018-08-28","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://de.linkedin.com/learning/responsive-webdesign-grundlagen-3/flussige-layouts-definieren"},{"@type":"VideoObject","name":"Erleichterte Berechnung mit box-sizing - 4. Mit flüssigen Komponenten ein responsives Layout erstellen","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/C4E0DAQGky7rSgMk31Q/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1568070629333?e=2147483647&v=beta&t=9GWbujsANehupRbatOFfMxVxVqMA7BZ_gWlAABQzX5Q","description":"Lernen Sie, wie Sie flexible Webseiten konzipieren und erstellen.","duration":"PT5M4S","datePublished":"2018-08-28","uploadDate":"2018-08-28","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://de.linkedin.com/learning/responsive-webdesign-grundlagen-3/erleichterte-berechnung-mit-box-sizing"},{"@type":"VideoObject","name":"Von flüssig zu responsiv - 4. Mit flüssigen Komponenten ein responsives Layout erstellen","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/C4E0DAQGky7rSgMk31Q/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1568070629333?e=2147483647&v=beta&t=9GWbujsANehupRbatOFfMxVxVqMA7BZ_gWlAABQzX5Q","description":"Lernen Sie, wie Sie flexible Webseiten konzipieren und erstellen.","duration":"PT5M55S","datePublished":"2018-08-28","uploadDate":"2018-08-28","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://de.linkedin.com/learning/responsive-webdesign-grundlagen-3/von-flussig-zu-responsiv"},{"@type":"VideoObject","name":"Flüssige Bilder - 4. Mit flüssigen Komponenten ein responsives Layout erstellen","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/C4E0DAQGky7rSgMk31Q/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1568070629333?e=2147483647&v=beta&t=9GWbujsANehupRbatOFfMxVxVqMA7BZ_gWlAABQzX5Q","description":"Lernen Sie, wie Sie flexible Webseiten konzipieren und erstellen.","duration":"PT2M34S","datePublished":"2018-08-28","uploadDate":"2018-08-28","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://de.linkedin.com/learning/responsive-webdesign-grundlagen-3/flussige-bilder"},{"@type":"VideoObject","name":"Mobile First aufbauen - 4. Mit flüssigen Komponenten ein responsives Layout erstellen","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/C4E0DAQGky7rSgMk31Q/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1568070629333?e=2147483647&v=beta&t=9GWbujsANehupRbatOFfMxVxVqMA7BZ_gWlAABQzX5Q","description":"Lernen Sie, wie Sie flexible Webseiten konzipieren und erstellen.","duration":"PT1M48S","datePublished":"2018-08-28","uploadDate":"2018-08-28","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://de.linkedin.com/learning/responsive-webdesign-grundlagen-3/mobile-first-aufbauen"}],[{"@type":"VideoObject","name":"Desktop vs. Mobile vs. Content First - 5. Konzepte und Wege zum RWD","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/C4E0DAQGky7rSgMk31Q/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1568070629333?e=2147483647&v=beta&t=9GWbujsANehupRbatOFfMxVxVqMA7BZ_gWlAABQzX5Q","description":"Lernen Sie, wie Sie flexible Webseiten konzipieren und erstellen.","duration":"PT3M55S","datePublished":"2018-08-28","uploadDate":"2018-08-28","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://de.linkedin.com/learning/responsive-webdesign-grundlagen-3/desktop-vs-mobile-vs-content-first"},{"@type":"VideoObject","name":"Breakpoints wählen - 5. Konzepte und Wege zum RWD","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/C4E0DAQGky7rSgMk31Q/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1568070629333?e=2147483647&v=beta&t=9GWbujsANehupRbatOFfMxVxVqMA7BZ_gWlAABQzX5Q","description":"Lernen Sie, wie Sie flexible Webseiten konzipieren und erstellen.","duration":"PT3M25S","datePublished":"2018-08-28","uploadDate":"2018-08-28","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://de.linkedin.com/learning/responsive-webdesign-grundlagen-3/breakpoints-wahlen"},{"@type":"VideoObject","name":"Responsive vs. adaptive - 5. Konzepte und Wege zum RWD","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/C4E0DAQGky7rSgMk31Q/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1568070629333?e=2147483647&v=beta&t=9GWbujsANehupRbatOFfMxVxVqMA7BZ_gWlAABQzX5Q","description":"Lernen Sie, wie Sie flexible Webseiten konzipieren und erstellen.","duration":"PT5M11S","datePublished":"2018-08-28","uploadDate":"2018-08-28","requiresSubscription":false,"isAccessibleForFree":true,"contentUrl":"https://de.linkedin.com/learning/responsive-webdesign-grundlagen-3/responsive-vs-adaptive"},{"@type":"VideoObject","name":"Verschiedene Layouttypen - 5. Konzepte und Wege zum RWD","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/C4E0DAQGky7rSgMk31Q/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1568070629333?e=2147483647&v=beta&t=9GWbujsANehupRbatOFfMxVxVqMA7BZ_gWlAABQzX5Q","description":"Lernen Sie, wie Sie flexible Webseiten konzipieren und erstellen.","duration":"PT4M27S","datePublished":"2018-08-28","uploadDate":"2018-08-28","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://de.linkedin.com/learning/responsive-webdesign-grundlagen-3/verschiedene-layouttypen"},{"@type":"VideoObject","name":"Navigationenm RWD - 5. Konzepte und Wege zum RWD","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/C4E0DAQGky7rSgMk31Q/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1568070629333?e=2147483647&v=beta&t=9GWbujsANehupRbatOFfMxVxVqMA7BZ_gWlAABQzX5Q","description":"Lernen Sie, wie Sie flexible Webseiten konzipieren und erstellen.","duration":"PT3M53S","datePublished":"2018-08-28","uploadDate":"2018-08-28","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://de.linkedin.com/learning/responsive-webdesign-grundlagen-3/navigationenm-rwd"},{"@type":"VideoObject","name":"Praktisch: Klappnavigation - 5. Konzepte und Wege zum RWD","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/C4E0DAQGky7rSgMk31Q/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1568070629333?e=2147483647&v=beta&t=9GWbujsANehupRbatOFfMxVxVqMA7BZ_gWlAABQzX5Q","description":"Lernen Sie, wie Sie flexible Webseiten konzipieren und erstellen.","duration":"PT6M10S","datePublished":"2018-08-28","uploadDate":"2018-08-28","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://de.linkedin.com/learning/responsive-webdesign-grundlagen-3/praktisch-klappnavigation"}]],"syllabusSections":[{"@type":"Syllabus","name":"Willkommen zu “Responsive Webdesign – Grundlagen“","timeRequired":"PT51S","description":"Noch nie waren die Geräte - ob PCs, Smartphones oder Tablets - mit denen man im Internet surfen kann, so unterschiedlich wie heute. Das stellt Betreiber von Webseiten vor große Herausforderungen, da die Inhalte überall gleichwertig angezeigt werden sollen, unabhängig von Displaygrößen und -formaten. Lösung verspricht \"Responsive Webdesign\": Dahinter verbirgt sich eine Technik, die aus flüssigem Layout, flexiblen Grafiken und Media Queries besteht. Erfahren Sie mehr zu Anforderungen sowie den Tools und möglichen Workflows in diesem Video-Training mit Florence Maurice."},{"@type":"Syllabus","name":"Mehr als Desktops: Webseiten für alle Devices","timeRequired":"PT1M3S","description":"Alle Statistiken zeigen deutlich, wie wichtig der Zugriff auf Webseiten mittels Nicht-Desktop-Geräten ist – seien es Smartphones oder Tablets. Damit die Webseite in all diesen Situationen \"funktioniert\", setzt man auf das responsive Webdesign."},{"@type":"Syllabus","name":"Layouttypen \"klassisch\"","timeRequired":"PT4M5S","description":"Vor dem responsiven Webdesign gab es ein paar grundlegende Layouttypen – man unterschied feste Layouts, flüssige und elastische. Diese zu kennen ist hilfreich, weil sie beim responsiven Webdesign in modifizierter Form wieder auftauchen."},{"@type":"Syllabus","name":"Separate mobile Webseiten","timeRequired":"PT4M49S","description":"Eine klassische Methode, um Webseiten für Smartphones bereit zu stellen, besteht darin, eine dafür \"optimierte\" Version auszuliefern."},{"@type":"Syllabus","name":"Responsive Webdesign","timeRequired":"PT3M17S","description":"Ethan Marcotte hat in einem Artikel für A List Apart den Begriff \"Responsive Webdesign\" geprägt. Dieser Artikel bleibt relevant, auch wenn man den Begriff heute weiter ausdehnt."},{"@type":"Syllabus","name":"Beispiel für eine responsive Webseite","timeRequired":"PT3M11S","description":"An einem kleinen Beispiel sehen Sie in diesem Video, wie responsives Webdesign funktioniert."},{"@type":"Syllabus","name":"RWD in Firefox","timeRequired":"PT4M49S","description":"Beim Erstellen und Testen responsiver Seiten sind Browser heute eine große Hilfe. Firefox bietet den Bildschirmgrößen-Modus an, mit dem Sie eine Webseite in verschiedenen Viewports anzeigen lassen können. Dieser Modus ist unabhängig von den Entwickler-Tools."},{"@type":"Syllabus","name":"RWD in Chrome","timeRequired":"PT4M22S","description":"Sehen Sie, wie Sie responsive Seiten im Chrome testen können und welche Optionen dabei zu Verfügung stehen."},{"@type":"Syllabus","name":"Testen in Safari und Edge","timeRequired":"PT2M29S","description":"Um responsive Webseiten in Safari zu testen, müssen Sie zuerst die Entwickler-Menüs anzeigen lassen. Im Edge finden Sie einen Testmodus in den Entwickler-Tools bei Emulation."},{"@type":"Syllabus","name":"RWD mit Online-Tools","timeRequired":"PT3M19S","description":"Responsive Seiten können Sie mit Online-Tools testen – die Voraussetzung dafür ist, dass die Seite bereits online ist. Manche Tools eignen sich auch gut, um Kunden die RWD-Fähigkeiten auf elegante Weise zu präsentieren."},{"@type":"Syllabus","name":"Weitere Tests durchführen","timeRequired":"PT2M12S","description":"Browsertests eignen sich gut für einen ersten Eindruck, bilden jedoch nicht alle Features der Devices ab. Für präzisere Tests steht eine Reihe von Möglichkeiten offen."},{"@type":"Syllabus","name":"Viewport-Meta-Angaben","timeRequired":"PT3M10S","description":"Eine Meta-Angabe ist wichtig, wenn Sie responsive Seiten erstellen. Was hat es mit der Viewport-Meta-Angabe auf sich?"},{"@type":"Syllabus","name":"Viewport per CSS oder HTML ","timeRequired":"PT1M57S","description":"Zur Steuerung des Viewports existieren eine Meta-Angabe für den HTML-Code sowie eine \"@-Regel\" für CSS. Im Zweifelsfall sollten Sie beide nutzen."},{"@type":"Syllabus","name":"Viewport exakt steuern","timeRequired":"PT3M36S","description":"Bei der Viewport-Meta-Angabe haben Sie viele Optionen. Hier erfahren Sie, wie diese funktionieren und was davon Sie wirklich brauchen."},{"@type":"Syllabus","name":"CSS3 Media Queries","timeRequired":"PT5M30S","description":"Eine Formatierung soll nur gelten, wenn der Viewport mindestens 490px breit ist? Genau für solche Dinge brauchen Sie Media Queries."},{"@type":"Syllabus","name":"Positionen für Media Queries","timeRequired":"PT3M15S","description":"Sie können Media Queries innerhalb von Stylesheets nutzen oder auch beim Einbinden externer Stylesheets angeben."},{"@type":"Syllabus","name":"Media Queries im Detail","timeRequired":"PT4M11S","description":"Neben den am häufigsten benutzten Eigenschaften min-width/max-width können Sie in Media Queries viele weitere Angaben abfragen."},{"@type":"Syllabus","name":"Einheiten für Media Queries","timeRequired":"PT2M47S","description":"Welche Einheit nimmt man am besten bei Media Queries? Sind em besser als Pixel?"},{"@type":"Syllabus","name":"Mit Prozentangaben arbeiten","timeRequired":"PT2M58S","description":"Für wirklich responsive Layouts brauchen Sie flüssige Komponenten, d. h. Sie müssen mit Prozentwerten arbeiten – Prozentwerte haben allerdings so ihre Besonderheiten."},{"@type":"Syllabus","name":"Flüssige Layouts definieren","timeRequired":"PT5M17S","description":"Sie erfahren hier an einem Beispiel, wie Sie bei einem Layout feste Werte in flüssige umwandeln, so dass das Verhältnis zwischen den Elementen gleich bleibt."},{"@type":"Syllabus","name":"Erleichterte Berechnung mit box-sizing","timeRequired":"PT5M4S","description":"Wenn Sie mit Prozentwerten arbeiten, sollten Sie auf das \"andere\" Boxmodell umschalten, bei dem width als Gesamtbreite herangezogen wird."},{"@type":"Syllabus","name":"Von flüssig zu responsiv","timeRequired":"PT5M55S","description":"Dieses Video zeigt, wie man Medienangaben bei einem flüssigen Layout einsetzt, um es responsiv zu machen."},{"@type":"Syllabus","name":"Flüssige Bilder","timeRequired":"PT2M34S","description":"Auf Webseiten gibt es typischerweise Elemente, die feste Ausmaße haben. Dazu zählen etwa Bilder. Mit einem kleinen Trick sorgen Sie dafür, dass diese Elemente das flüssige Layout nicht stören."},{"@type":"Syllabus","name":"Mobile First aufbauen","timeRequired":"PT1M48S","description":"Responsive Layouts können Sie, beginnend mit den Definitionen für kleine Viewports, aufbauen und dann Anpassungen für große Viewports vornehmen. Der umgekehrte Weg bleibt auch möglich."},{"@type":"Syllabus","name":"Desktop vs. Mobile vs. Content First","timeRequired":"PT3M55S","description":"Webseiten lassen sich \"Mobile First\" oder \"Desktop First\" aufbauen – beides hat Vor- und Nachteile. Entscheidend sollte aber nie das Layout sein, sondern die Inhalte. Das fasst man unter dem Begriff Content First zusammen."},{"@type":"Syllabus","name":"Breakpoints wählen","timeRequired":"PT3M25S","description":"Die Stellen, an denen Layoutveränderungen stattfinden, nennt man Breakpoints. Wie – und wie viele – solcher Breakpoints gewählt werden sollten, darum dreht sich dieses Video."},{"@type":"Syllabus","name":"Responsive vs. adaptive","timeRequired":"PT5M11S","description":"Wenn Sie mit festen Zwischenstufen und nicht mit flüssigen Elementen arbeiten, spricht man streng genommen von einem adaptiven und nicht von einem responsiven Layout. Sehen Sie hier die Unterschiede im Detail."},{"@type":"Syllabus","name":"Verschiedene Layouttypen","timeRequired":"PT4M27S","description":"Das Layout soll sich an die unterschiedlichen Viewports anpassen, soweit klar. Doch welche Anpassungsmöglichkeiten gibt es überhaupt?"},{"@type":"Syllabus","name":"Navigationenm RWD","timeRequired":"PT3M53S","description":"Für die Navigation brauchen Sie üblicherweise eine eigene Strategie – in diesem Video erfahren Sie, warum."},{"@type":"Syllabus","name":"Praktisch: Klappnavigation","timeRequired":"PT6M10S","description":"Die Navigation soll jederzeit präsent sein, aber auch nicht stören – beide Bedingungen erfüllt z. B. die hier gezeigte Klappnavigation."}],"aggregateRating":{"@type":"AggregateRating","ratingCount":20,"ratingValue":5,"bestRating":5,"worstRating":1},"review":[],"video":{"@type":"VideoObject","name":"Willkommen zu “Responsive Webdesign – Grundlagen“ - Responsive Webdesign – Grundlagen","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/C4E0DAQGky7rSgMk31Q/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1568070629333?e=2147483647&v=beta&t=9GWbujsANehupRbatOFfMxVxVqMA7BZ_gWlAABQzX5Q","description":"Lernen Sie, wie Sie flexible Webseiten konzipieren und erstellen.","duration":"PT51S","datePublished":"2018-08-28","uploadDate":"2018-08-28","requiresSubscription":false,"isAccessibleForFree":true,"contentUrl":"https://de.linkedin.com/learning/responsive-webdesign-grundlagen-3/willkommen-zu-responsive-webdesign-grundlagen"},"educationalLevel":"Beginner","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=responsive-webdesign-grundlagen-3&destRedirectURL=https%3A%2F%2Fde%2Elinkedin%2Ecom%2Flearning%2Fresponsive-webdesign-grundlagen-3&trk=learning-course_nav-header-join&upsellTrk=lil_upsell_nav_subscription&session_redirect=https%3A%2F%2Fde.linkedin.com%2Flearning%2Fresponsive-webdesign-grundlagen-3%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%2Fresponsive-webdesign-grundlagen-3%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%2Fresponsive-webdesign-grundlagen-3%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%2Fresponsive-webdesign-grundlagen-3%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%2Fresponsive-webdesign-grundlagen-3%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/kreativitat?trk=learning-course_breadcrumb" data-tracking-control-name="learning-course_breadcrumb" data-tracking-will-navigate>Kreativität</a> </li> <li class="breadcrumb__item"> <a class="breadcrumb__link" href="https://de.linkedin.com/learning/topics/webdesign-und-ux?trk=learning-course_breadcrumb" data-tracking-control-name="learning-course_breadcrumb" data-tracking-will-navigate>Webdesign</a> </li> <li class="breadcrumb__item"> <a class="breadcrumb__link" href="https://de.linkedin.com/learning/topics/responsives-webdesign?trk=learning-course_breadcrumb" data-tracking-control-name="learning-course_breadcrumb" data-tracking-will-navigate>Responsives Webdesign</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":"Kreativität","item":"https://de.linkedin.com/learning/topics/kreativitat"},{"@type":"ListItem","position":3,"name":"Webdesign","item":"https://de.linkedin.com/learning/topics/webdesign-und-ux"},{"@type":"ListItem","position":4,"name":"Responsives Webdesign","item":"https://de.linkedin.com/learning/topics/responsives-webdesign"}]} </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="Responsive Webdesign – Grundlagen" data-delayed-url="https://media.licdn.com/dms/image/v2/C4E0DAQGky7rSgMk31Q/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1568070629333?e=2147483647&v=beta&t=9GWbujsANehupRbatOFfMxVxVqMA7BZ_gWlAABQzX5Q"> <a class="top-card__overlay-button" data-tracking-control-name="course_preview" data-tracking-will-navigate href="https://de.linkedin.com/learning/responsive-webdesign-grundlagen-3/willkommen-zu-responsive-webdesign-grundlagen?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"> Responsive Webdesign – Grundlagen </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">58 Mitgliedern gefällt das</span> </div> <div class="top-card__headline-row"> <span class="top-card__headline-row-item">Dauer: 1 Std. 49 Min.</span> <span class="top-card__headline-row-item">Niveau: Einsteiger:innen + Fortgeschrittene</span> <span class="top-card__headline-row-item">Veröffentlicht am: 28.8.2018</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=responsive-webdesign-grundlagen-3&destRedirectURL=https%3A%2F%2Fde%2Elinkedin%2Ecom%2Flearning%2Fresponsive-webdesign-grundlagen-3&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"> Noch nie waren die Geräte - ob PCs, Smartphones oder Tablets - mit denen man im Internet surfen kann, so unterschiedlich wie heute. Das stellt Betreiber von Webseiten vor große Herausforderungen, da die Inhalte überall gleichwertig angezeigt werden sollen, unabhängig von Displaygrößen und -formaten. Lösung verspricht "Responsive Webdesign": Dahinter verbirgt sich eine Technik, die aus flüssigem Layout, flexiblen Grafiken und Media Queries besteht. Erfahren Sie mehr zu Anforderungen sowie den Tools und möglichen Workflows in diesem Video-Training mit Florence Maurice. </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://www.linkedin.com/learning/topics/responsive-web-design?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"> Responsive Webdesign </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">5</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: 5 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">20 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="20" value="19" aria-valuemin="0" aria-valuenow="19" aria-valuemax="20"> Aktueller Wert: 19 </progress> <span class="ratings-summary__rating-count-percent"> 95 % </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="20" value="1" aria-valuemin="0" aria-valuenow="1" aria-valuemax="20"> Aktueller Wert: 1 </progress> <span class="ratings-summary__rating-count-percent"> 5 % </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="20" value="0" aria-valuemin="0" aria-valuenow="0" aria-valuemax="20"> 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="20" value="0" aria-valuemin="0" aria-valuenow="0" aria-valuemax="20"> 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="20" value="0" aria-valuemin="0" aria-valuenow="0" aria-valuemax="20"> 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"> Vorschau <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"> Vorschau <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/responsive-webdesign-grundlagen-3/willkommen-zu-responsive-webdesign-grundlagen?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"> Willkommen zu “Responsive Webdesign – Grundlagen“ </div> <div class="table-of-contents__item-duration"> 51 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. Was ist Responsive Webdesign (RWD)? <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. Was ist Responsive Webdesign (RWD)? <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/responsive-webdesign-grundlagen-3/mehr-als-desktops-webseiten-fur-alle-devices?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"> Mehr als Desktops: Webseiten für alle Devices </div> <div class="table-of-contents__item-duration"> 1 Min. 3 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/responsive-webdesign-grundlagen-3/layouttypen-klassisch?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"> Layouttypen "klassisch" </div> <div class="table-of-contents__item-duration"> 4 Min. 5 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/responsive-webdesign-grundlagen-3/separate-mobile-webseiten?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"> Separate mobile Webseiten </div> <div class="table-of-contents__item-duration"> 4 Min. 49 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/responsive-webdesign-grundlagen-3/responsive-webdesign?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 Webdesign </div> <div class="table-of-contents__item-duration"> 3 Min. 17 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/responsive-webdesign-grundlagen-3/beispiel-fur-eine-responsive-webseite?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"> Beispiel für eine responsive Webseite </div> <div class="table-of-contents__item-duration"> 3 Min. 11 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. Responsive Webseiten in verschiedenen Browsern testen <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. Responsive Webseiten in verschiedenen Browsern testen <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/responsive-webdesign-grundlagen-3/rwd-in-firefox?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"> RWD in Firefox </div> <div class="table-of-contents__item-duration"> 4 Min. 49 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/responsive-webdesign-grundlagen-3/rwd-in-chrome?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"> RWD in Chrome </div> <div class="table-of-contents__item-duration"> 4 Min. 22 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/responsive-webdesign-grundlagen-3/testen-in-safari-und-edge?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"> Testen in Safari und Edge </div> <div class="table-of-contents__item-duration"> 2 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/responsive-webdesign-grundlagen-3/rwd-mit-online-tools?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"> RWD mit Online-Tools </div> <div class="table-of-contents__item-duration"> 3 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/responsive-webdesign-grundlagen-3/weitere-tests-durchfuhren?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 Tests durchführen </div> <div class="table-of-contents__item-duration"> 2 Min. 12 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. Viewports und Media Queries <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. Viewports und Media Queries <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/responsive-webdesign-grundlagen-3/viewport-meta-angaben?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"> Viewport-Meta-Angaben </div> <div class="table-of-contents__item-duration"> 3 Min. 10 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/responsive-webdesign-grundlagen-3/viewport-per-css-oder-html?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"> Viewport per CSS oder HTML </div> <div class="table-of-contents__item-duration"> 1 Min. 57 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/responsive-webdesign-grundlagen-3/viewport-exakt-steuern?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"> Viewport exakt steuern </div> <div class="table-of-contents__item-duration"> 3 Min. 36 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/responsive-webdesign-grundlagen-3/css3-media-queries?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"> CSS3 Media Queries </div> <div class="table-of-contents__item-duration"> 5 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/responsive-webdesign-grundlagen-3/positionen-fur-media-queries?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"> Positionen für Media Queries </div> <div class="table-of-contents__item-duration"> 3 Min. 15 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/responsive-webdesign-grundlagen-3/media-queries-im-detail?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"> Media Queries im Detail </div> <div class="table-of-contents__item-duration"> 4 Min. 11 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/responsive-webdesign-grundlagen-3/einheiten-fur-media-queries?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"> Einheiten für Media Queries </div> <div class="table-of-contents__item-duration"> 2 Min. 47 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. Mit flüssigen Komponenten ein responsives Layout erstellen <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. Mit flüssigen Komponenten ein responsives Layout erstellen <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/responsive-webdesign-grundlagen-3/mit-prozentangaben-arbeiten?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 Prozentangaben arbeiten </div> <div class="table-of-contents__item-duration"> 2 Min. 58 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/responsive-webdesign-grundlagen-3/flussige-layouts-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"> Flüssige Layouts definieren </div> <div class="table-of-contents__item-duration"> 5 Min. 17 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/responsive-webdesign-grundlagen-3/erleichterte-berechnung-mit-box-sizing?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"> Erleichterte Berechnung mit box-sizing </div> <div class="table-of-contents__item-duration"> 5 Min. 4 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/responsive-webdesign-grundlagen-3/von-flussig-zu-responsiv?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"> Von flüssig zu responsiv </div> <div class="table-of-contents__item-duration"> 5 Min. 55 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/responsive-webdesign-grundlagen-3/flussige-bilder?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"> Flüssige Bilder </div> <div class="table-of-contents__item-duration"> 2 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/responsive-webdesign-grundlagen-3/mobile-first-aufbauen?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"> Mobile First aufbauen </div> <div class="table-of-contents__item-duration"> 1 Min. 48 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"> 5. Konzepte und Wege zum RWD <icon class="show-more-less__button--chevron show-more-less-button-icon" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cyolgscd0imw2ldqppkrb84vo"></icon> </button> <button class="show-more-less__button show-more-less__less-button show-more-less-button show-more-less__button--hide" aria-expanded="false" data-tracking-control-name="learning-course_toc-section_show_more"> 5. Konzepte und Wege zum RWD <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/responsive-webdesign-grundlagen-3/desktop-vs-mobile-vs-content-first?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"> Desktop vs. Mobile vs. Content First </div> <div class="table-of-contents__item-duration"> 3 Min. 55 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/responsive-webdesign-grundlagen-3/breakpoints-wahlen?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"> Breakpoints wählen </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/responsive-webdesign-grundlagen-3/responsive-vs-adaptive?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"> Responsive vs. adaptive </div> <div class="table-of-contents__item-duration"> 5 Min. 11 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/responsive-webdesign-grundlagen-3/verschiedene-layouttypen?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"> Verschiedene Layouttypen </div> <div class="table-of-contents__item-duration"> 4 Min. 27 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/responsive-webdesign-grundlagen-3/navigationenm-rwd?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"> Navigationenm RWD </div> <div class="table-of-contents__item-duration"> 3 Min. 53 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/responsive-webdesign-grundlagen-3/praktisch-klappnavigation?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"> Praktisch: Klappnavigation </div> <div class="table-of-contents__item-duration"> 6 Min. 10 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">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: Responsive Webdesign – Grundlagen | LinkedIn Learning, früher Lynda.com