diff --git a/web/src/components/blocks/embedBlock.module.scss b/web/src/components/blocks/embedBlock.module.scss index 1148e0c..8d6feda 100644 --- a/web/src/components/blocks/embedBlock.module.scss +++ b/web/src/components/blocks/embedBlock.module.scss @@ -1,9 +1,12 @@ .embed { + display: flex; + justify-content: center; &[data-type="video"] { iframe { width: 100%; + max-width: var(--size-width-p); height: auto; - aspect-ratio: var(--aspect-ratio) + aspect-ratio: var(--aspect-ratio); } } } \ No newline at end of file diff --git a/web/src/components/blocks/horizontalRuleBlock.module.scss b/web/src/components/blocks/horizontalRuleBlock.module.scss index 5387368..daea4db 100644 --- a/web/src/components/blocks/horizontalRuleBlock.module.scss +++ b/web/src/components/blocks/horizontalRuleBlock.module.scss @@ -1,7 +1,7 @@ .horizontalRuleBlock { height: 3rem; width: 100%; - margin: var(--spacing-s) auto var(--spacing-section-bottom); + margin: var(--spacing-l) auto; overflow: hidden; position: relative; @@ -31,6 +31,6 @@ margin: 0 auto; position: absolute; left: 50%; - transform: translateX(-52%); + transform: translateX(-50%); } } \ No newline at end of file diff --git a/web/src/components/blocks/richTextBlock.module.scss b/web/src/components/blocks/richTextBlock.module.scss index b9fb65c..97263ef 100644 --- a/web/src/components/blocks/richTextBlock.module.scss +++ b/web/src/components/blocks/richTextBlock.module.scss @@ -1,5 +1,5 @@ .richTextBlock { - padding-bottom: var(--spacing-section-bottom); + margin-bottom: var(--spacing-section-bottom); h1, h2, @@ -118,11 +118,10 @@ } hr { - margin: 2rem 0; + margin: 2rem auto; max-width: var(--size-width-p); border: none; height: 1px; background: var(--color-text); - opacity: .2; } } \ No newline at end of file