diff --git a/styles/components/_markup.scss b/styles/components/_markup.scss index f691f48..d54786c 100644 --- a/styles/components/_markup.scss +++ b/styles/components/_markup.scss @@ -15,6 +15,7 @@ body { font-size: typography.$title-size; line-height: typography.$heading-line-height; text-align: center; + overflow-wrap: anywhere; } h1 { @@ -27,6 +28,7 @@ h1 { margin-bottom: layout.$large-gap; font-size: typography.$heading-size; line-height: typography.$heading-line-height; + overflow-wrap: anywhere; &:after { content: ''; @@ -51,6 +53,7 @@ h2 { @extend %content-gutter; font-size: typography.$subheading-size; line-height: typography.$heading-line-height; + overflow-wrap: anywhere; } h3 { @@ -153,6 +156,7 @@ ul.link-grid { gap: layout.$larger-gap layout.$normal-gap; justify-items: center; align-items: center; + padding: 0; list-style: none; @media screen and (min-width: layout.$breakpoint) { diff --git a/styles/components/_site.scss b/styles/components/_site.scss index a21855a..ff166dc 100644 --- a/styles/components/_site.scss +++ b/styles/components/_site.scss @@ -113,11 +113,6 @@ flex-basis: 100%; > summary { - // The positioning requires that the header component has relative - // positioning. - position: absolute; - top: 0; - right: 0; color: colors.$blue-800; } }