Line 4: | Line 4: | ||
<style> | <style> | ||
#parent-banner { | #parent-banner { | ||
− | margin: 0px; padding: | + | margin: 0px; padding: 15px 0px 30px; |
} | } | ||
Line 10: | Line 10: | ||
width: 100%; | width: 100%; | ||
} | } | ||
+ | |||
#banner-discription { | #banner-discription { | ||
− | |||
− | |||
− | |||
margin: 50px 20px 20px; | margin: 50px 20px 20px; | ||
padding: 0px 30px 30px; | padding: 0px 30px 30px; | ||
border-radius: 20px; | border-radius: 20px; | ||
+ | } | ||
+ | |||
+ | @media (min-width: 786px;) { | ||
+ | #parent-banner { | ||
+ | position: absolute; | ||
+ | } | ||
+ | #banner-discription { | ||
+ | position: absolute; | ||
+ | top: 0; | ||
+ | left: 0; | ||
background-color: #009; | background-color: #009; | ||
opacity: 0.6; | opacity: 0.6; | ||
Line 30: | Line 38: | ||
color: #fff; | color: #fff; | ||
opacity: 5.0; | opacity: 5.0; | ||
+ | } | ||
} | } | ||
</style> | </style> |
Revision as of 11:20, 16 August 2016
Project
We're working hard.