Advertisement
Guest User

Untitled

a guest
Feb 23rd, 2019
59
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.04 KB | None | 0 0
  1. <div class="container">
  2. <div class="row">
  3. <div class="col-md-6 col-xs-12">
  4. <div class="cnt"><img class="feature-icon" src="images/contract.svg"><br></div>
  5. </div>
  6. <div class="col-md-6 col-xs-12">
  7. <div class="cnt"><img class="feature-icon" src="images/analytics.svg"><br></div>
  8. </div>
  9.  
  10. <div class="col-md-6 col-xs-12">
  11. <div class="cnt"><img class="feature-icon" src="images/weight-balance.svg"><br></div>
  12. </div>
  13. <div class="col-md-6 col-xs-12">
  14. <div class="cnt"><img class="feature-icon" src="images/idea.svg"><br></div>
  15. </div>
  16. </div>
  17. </div>
  18.  
  19. .cnt {
  20. padding:20px;
  21. margin-top:20px;
  22. margin-bottom:10px;
  23. background: rgba(255, 255, 255, .5);
  24. overflow:hidden;
  25. box-shadow: 0 10px 90px rgba(0, 0, 0, 0.4);
  26. }
  27.  
  28. @media only screen and (min-width : 480px) {
  29. .cnt {
  30. height: auto;
  31. }
  32. }
  33.  
  34. @media only screen and (min-width : 768px) {
  35. .cnt {
  36. width: 471px;
  37. height: 452px;
  38. padding: 30px;
  39. }
  40. }
  41.  
  42. @media all and (max-width: 1170px) {
  43. .cnt {
  44. height: 380px;
  45. }
  46. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement