diff --git a/src/assets/scss/news/schedule.scss b/src/assets/scss/news/schedule.scss index f7f52b5..e05a953 100644 --- a/src/assets/scss/news/schedule.scss +++ b/src/assets/scss/news/schedule.scss @@ -72,6 +72,10 @@ $fontFamily: 'Noto Sans CJK TC', monospace; padding: 20px 0; } + #example > p { + word-wrap: break-word; + } + #presentation-example, #espresso-example { > p { @@ -92,6 +96,20 @@ $fontFamily: 'Noto Sans CJK TC', monospace; } @include md { + #news-schedule { + #presentation-example, + #espresso-example { + margin-bottom: unset; + .agenda.card.container { + grid-template-columns: repeat(2, 1fr); + column-gap: 42px; + row-gap: 30px; + } + } + } +} + +@media screen and (max-width: $max-width-small-0) { #news-schedule { max-width: 100vw; padding: 0 40px; @@ -121,15 +139,5 @@ $fontFamily: 'Noto Sans CJK TC', monospace; #theme-example ~ p { padding: 15px 0; } - - #presentation-example, - #espresso-example { - margin-bottom: unset; - .agenda.card.container { - grid-template-columns: repeat(2, 1fr); - column-gap: 42px; - row-gap: 30px; - } - } } }