(7 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
<html> | <html> | ||
<style> | <style> | ||
+ | #paragraph p{ | ||
+ | font-size:18px !important; | ||
+ | padding-left:0 !important; | ||
+ | } | ||
+ | |||
+ | |||
.timeline { | .timeline { | ||
display: flex; | display: flex; | ||
Line 13: | Line 19: | ||
.timeline__content-desc { | .timeline__content-desc { | ||
− | margin: 15px; | + | margin-top: 15px; |
+ | margin-bottom: 15px; | ||
font-size: 20px; | font-size: 20px; | ||
box-sizing: border-box; | box-sizing: border-box; | ||
Line 22: | Line 29: | ||
text-align: justify; | text-align: justify; | ||
} | } | ||
− | |||
.timeline:before { | .timeline:before { | ||
position: absolute; | position: absolute; | ||
Line 139: | Line 145: | ||
.timeline__content { | .timeline__content { | ||
margin-top: 75px; | margin-top: 75px; | ||
− | } | + | } |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
.timeline-item { | .timeline-item { | ||
opacity: .3; | opacity: .3; | ||
Line 172: | Line 174: | ||
} | } | ||
} | } | ||
− | |||
− | |||
− | |||
− | |||
@media only screen and (max-width: 768px) { | @media only screen and (max-width: 768px) { | ||
− | + | .timeline__img{ | |
+ | margin-top:10%; | ||
+ | } | ||
+ | .timeline-item:before { | ||
+ | font-size:16px; | ||
top: -5%; | top: -5%; | ||
} | } | ||
.timeline-item:nth-child(even):before { | .timeline-item:nth-child(even):before { | ||
+ | font-size:16px; | ||
top: -5%; | top: -5%; | ||
+ | } | ||
+ | .timeline-item:before { | ||
+ | font-size:16px; | ||
+ | |||
+ | |||
} | } | ||
Latest revision as of 13:24, 1 November 2017