Splitter extended
CODE
×
HTML
<div class='splitter-ext'> <h5>Dies ist eine Headline (H5)</h5> <p class='splitter-text'>Liberer clita kasd gubergren, no takimata sanctus est Lorem ipsum honem ex labore sit amet.</p> </div>
CSS
@media screen and (max-width: 767px) { div.splitter-ext { width:100%; } } h5 { font-size: 21px; line-height: 25px; font-family: 'Roboto'; font-style: normal; font-weight: 300; letter-spacing: 0.01rem; word-spacing: 0.025rem; color: var(--black); margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0; } p.splitter-text { font-family: 'Roboto'; font-style: normal; font-weight: 300; font-size: 16px; line-height: 26px; line-height: 24px; color: var(--black); margin-top: 10px; margin-bottom: 0px; width: auto; max-width: 500px; } @media screen and (max-width: 1119px) { h5 { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } } @media screen and (max-width: 767px) { h5 { font-size: 18px; line-height: 21px; } } p { color: var(--black); font-family: 'Roboto'; font-style: normal; font-weight: 300; margin-bottom: 15px; margin-top: -2px; max-width: 800px; font-size: 16px; line-height: 26px; } @media screen and (max-width: 767px) { p { font-size: 15px; line-height: 24px; } }
JS
Splitter extended
Letzte Änderung: 24.06.2021 - 07:44 Uhr
×
Dies ist eine Headline (H5)
Liberer clita kasd gubergren, no takimata sanctus est Lorem ipsum honem ex labore sit amet.