Changes

no edit summary
Line 132: Line 132:  
<div class="container">
 
<div class="container">
 
   <div class="row">
 
   <div class="row">
     <div class="col-sm-6">
+
     <div class="col-sm-8">[[File:EN_Technology_Trends_-_Blockchain_Hype_Cycle_2018.png|center]]</div>
      [[File:EN_Technology_Trends_-_Blockchain_Hype_Cycle_2018.png|center|650px]]
+
     <div class="col-sm-4">
    </div>
+
       <table class="wikitable hypecycleTable">
     <div class="col-sm-6">
  −
       <table>
   
         <tr>
 
         <tr>
 
           <th>English</th>
 
           <th>English</th>
Line 149: Line 147:     
{{#css:
 
{{#css:
 +
 +
  div>a>img {
 +
    width: 100%;
 +
    height: auto;
 +
  }
    
   #firstHeading::after{
 
   #firstHeading::after{
Line 209: Line 212:  
     width: 80%;
 
     width: 80%;
 
     margin: auto;
 
     margin: auto;
 +
  }
 +
 +
  .container{
 +
    width: 100%;
 +
    display: table;
 +
  content: " ";
 +
    clear: both;
 +
  }
 +
 +
  .row{
 +
    width: 100%;
 +
  }
 +
 +
  .col-sm-8{
 +
    width: 66.6666666666%;
 +
    float:left;
 +
  }
 +
 +
  .col-sm-4{
 +
    width: 33.33333333333%;
 +
    float:left;
 +
  }
 +
 +
  .hypecycleTable{
 +
    width: 100%;
 
   }
 
   }
   Line 214: Line 242:  
   @media (max-width: 992px){
 
   @media (max-width: 992px){
 
     .sidetable{ width: 80%; margin-left: 10%; margin-right: 10%;}
 
     .sidetable{ width: 80%; margin-left: 10%; margin-right: 10%;}
 +
 +
    .container{
 +
      display: block;
 +
      clear: both;
 +
    }
 +
 +
    .col-sm-8,
 +
    .col-sm-6,
 +
    .col-sm-4{
 +
      width: 100%;
 +
      clear: both;
 +
      margin: auto;
 +
    }
 
   }
 
   }
 
   @media (max-width: 600px){
 
   @media (max-width: 600px){