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