| 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){ |