News List Item in Content
MEDIA
CODE
×
HTML
<div class='news-list-item'> <span class='label-content'>25. September 2018</span> <h4>Architekturwettbewerb für neues Forschungs- und Ausbildungszentrum auf dem Inselareal</h4> </div>
CSS
@media screen and (max-width: 767px) { div.news-list-item { background-image: none !important; padding-top: 25px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; } } h4 { 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); font-size: 24px; line-height: 28px; margin-left: -1px; } @media screen and (max-width: 1119px) { h4 { margin-left: 0px; } } @media screen and (max-width: 767px) { h4 { font-size: 21px; line-height: 25px; margin-left: 0px; } } span.label-content { display:block; color: rgba(112,112,112,1); font-family: 'Roboto'; font-style: normal; font-weight: 400; font-size: 16px; line-height: 26px; letter-spacing: 0.01rem; word-spacing: 0.025rem; line-height: 125%; margin-bottom: 12px; padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; } @media screen and (max-width: 767px) { span.label-content { font-size: 13px; line-height: 17px; } }
JS
News List Item in Content
×
25. September 2018
Architekturwettbewerb für neues Forschungs- und Ausbildungszentrum auf dem Inselareal