diff --git a/components/public-page-components.html b/components/public-page-components.html index 810ad25..eeead7b 100644 --- a/components/public-page-components.html +++ b/components/public-page-components.html @@ -50,6 +50,23 @@ + +
+

Component: Picture Full Width

+ +
+
+ Platzhalterbild für die Picture Full Width Component +
+
+
diff --git a/styles/44-components-public-page-components.css b/styles/44-components-public-page-components.css index a4ff2bc..3e391b2 100644 --- a/styles/44-components-public-page-components.css +++ b/styles/44-components-public-page-components.css @@ -67,6 +67,13 @@ justify-content: flex-end; } +.sg-picture-full-width { + display: block; + width: 100%; + max-width: 100%; + height: auto; +} + .sg-page-public-page-components .sg-preview-area { display: flex; flex-direction: column; @@ -75,7 +82,8 @@ @media (max-width: 48rem) { .sg-text-block, - .sg-card--call-to-action-card { + .sg-card--call-to-action-card, + .sg-picture-full-width { width: 100%; } }