Changes

no edit summary
Line 117: Line 117:  
       <div class="container">
 
       <div class="container">
 
           <div class="row">
 
           <div class="row">
             <div class="col-sm-8">
+
             <div class="col-sm-4">
 
               [[File:Technology_Trends_-_Low_Code_Application_Development_Forrester_Wave.png|center]]
 
               [[File:Technology_Trends_-_Low_Code_Application_Development_Forrester_Wave.png|center]]
 
        
 
        
               <p>Figure 1 The Forrester Wave: Low-Code Development Platforms for AD&D Professionals, Q1 2019. Used without permission.</p>
+
               <p class="source">Figure 1 The Forrester Wave: Low-Code Development Platforms for AD&D Professionals, Q1 2019. Used without permission.</p>
 
             </div>
 
             </div>
             <div class="col-sm-4">
+
             <div class="col-sm-8">
 
               <table class="wikitable hypecycleTable">
 
               <table class="wikitable hypecycleTable">
 
                 <tr>
 
                 <tr>
Line 222: Line 222:  
     height: auto;
 
     height: auto;
 
     margin: auto;
 
     margin: auto;
 +
  }
 +
 +
  .imageDisplay {
 +
    width: 400px;
 +
    margin: auto;
 +
    float: right;
 +
    background-color: rgb(248, 249, 250);
 +
    border: 1px solid rgb(162, 169, 177);
 +
  }
 +
 +
  .source {
 +
    text-align: center;
 +
    font-style: italic;
 
   }
 
   }
   Line 241: Line 254:  
   .breadcrumb-table{  margin: auto; }
 
   .breadcrumb-table{  margin: auto; }
   −
   .highlighted{  background-color: rgba(242, 109, 33, 0.2); }
+
   .expand{  background-color: rgba(242, 109, 33, 0.2); }
 
   .mw-collapsible-text{ text-align:left;  }
 
   .mw-collapsible-text{ text-align:left;  }
 
   .inline{  display: inline; }
 
   .inline{  display: inline; }
Line 278: Line 291:  
   background-color: rgba(242, 109, 33, 1);
 
   background-color: rgba(242, 109, 33, 1);
 
     text-decoration: none;
 
     text-decoration: none;
 +
  }
 +
 +
  .hypecycle {
 +
    width: 80%;
 +
    margin: auto;
 +
  }
 +
 +
  .container{
 +
    width: 100%;
 +
    display: block;
 +
  }
 +
 +
  .row{
 +
    width: 100%;
 +
    display: table;
 +
  content: " ";
 +
  }
 +
 +
  .col-sm-8{
 +
    width: 66.6666666666%;
 +
    float:left;
 +
  }
 +
 +
  .col-sm-4{
 +
    width: 33.33333333333%;
 +
    float:left;
 +
  }
 +
 +
  .hypecycleTable{
 +
    width: 100%;
 
   }
 
   }
   Line 283: Line 326:  
   @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{
 +
      display: block;
 +
      width: 100%;
 +
      clear: both;
 +
      margin: auto;
 +
    }
 +
 +
    div>a>img {
 +
      width: 100%;
 +
      height: auto;
 +
      margin: auto;
 +
    }
 
   }
 
   }
 
   @media (max-width: 600px){
 
   @media (max-width: 600px){