diff --git a/webapp/components/PostTeaser/PostTeaser.vue b/webapp/components/PostTeaser/PostTeaser.vue index 32a07d5a3..99b8990c7 100644 --- a/webapp/components/PostTeaser/PostTeaser.vue +++ b/webapp/components/PostTeaser/PostTeaser.vue @@ -176,7 +176,7 @@ export default { const height = Math.min(width / image.aspectRatio, 2000) const imageElement = this.$el.querySelector('.hero-image') if (imageElement) { - imageElement.style.height = `${height}px` + // imageElement.style.height = `${height}px` } }, computed: { diff --git a/webapp/pages/index.vue b/webapp/pages/index.vue index c780b0ae3..f729e7ec7 100644 --- a/webapp/pages/index.vue +++ b/webapp/pages/index.vue @@ -97,39 +97,19 @@ - - - - - +
+ +
@@ -467,4 +447,12 @@ export default { margin-top: 32px; } } + +.supergrid { + display: grid; + grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); + gap: 16px; + margin-top: 16px; + container: supergrid; +}