List with H3 and line
CODE
×
HTML
<div class='list'> <h3>Vorschläge</h3> <ul class='list'><li class="default">Achten Sie darauf, dass alle Wörter richtig geschrieben sind.</li> <li class="default">Probieren Sie es mit anderen Suchbegriffen.</li> <li class="default">Probieren Sie es mit allgemeinen Suchbegriffen.</li></ul> </div>
CSS
@media screen and (max-width: 1119px) { div.list { margin-left: 30px; margin-right: 30px; margin-top: 50px; margin-bottom: 50px; padding-top: 40px; padding-bottom: 40px; max-width: none; } } @media screen and (max-width: 767px) { div.list { margin-left: 20px; margin-right: 20px; margin-top: 40px; margin-bottom: 40px; padding-top: 30px; padding-right: 15px; padding-bottom: 30px; padding-left: 15px; } } h3 { font-size: 26px; line-height: 32px; margin: 0 0 12px -1px; max-width: 800px; font-family: 'Roboto'; font-style: normal; font-weight: 300; letter-spacing: 0.01rem; word-spacing: 0.025rem; color: var(--black); margin-left: -1px; } @media screen and (max-width: 1119px) { h3 { font-size: 24px; line-height: 29px; margin: -3px 0 8px -1px; margin-left: 0px; } } @media screen and (max-width: 767px) { h3 { font-size: 21px; line-height: 25px; margin: -2px 0 12px 0px; margin-left: 0px; } }
JS
List with H3 and line
×
Vorschläge
Achten Sie darauf, dass alle Wörter richtig geschrieben sind.
Probieren Sie es mit anderen Suchbegriffen.
Probieren Sie es mit allgemeinen Suchbegriffen.