html - How to make a div float over another div as this image -
i've been trying success @ achieve
this using desktop http://i.imgur.com/mymnxza.png
and 1 mobile view http://i.imgur.com/xszute5.png
how make this? if it's possible use twitter bootstrap awesome me....
cheers , in advance =d
you can develop on code; http://codepen.io/ogzhncrt/pen/xgbgpl
<div class="gn"> <div class="tx"> 2 </div> <div class="in"> <div class="tx"> 1 </div> </div> </div> <style> body { margin-left: 0px; padding-left: 0px; } .gn { width: 800px; height: 280px; background-color: rgb(34,34,34); text-align: -webkit-center; padding: 40px; } .in { background-color: #f79779; width: 800px; height: 300px; } .tx { font-size: 172px; color: #fff; text-align: right; padding-right:120px; } @media (max-width:700px){ .gn { padding:0px; width:400px; } .tx { padding-right:60px; } .in { width:400px; } } </style>
Comments
Post a Comment