Skip to content

Commit f375fde

Browse files
committed
responsive otma section
1 parent 59ef247 commit f375fde

2 files changed

Lines changed: 18 additions & 12 deletions

File tree

ims-tm.html

Lines changed: 17 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -303,7 +303,7 @@ <h2>What’s new in transaction management?</h2>
303303
</div>
304304
<div class="pure-u-1">
305305
<div class="pure-g pure-g-pad-v">
306-
<div class="pure-u-1 pure-u-lg-3-5 pure-g-pad-v">
306+
<div class="pure-u-1 pure-u-lg-3-5 pure-u-xxl-1-2">
307307
<div>
308308
<h4>Transaction orchestration</h4>
309309
<p>
@@ -332,7 +332,7 @@ <h4>Transaction orchestration</h4>
332332
</div>
333333
</div>
334334
</div>
335-
<div class="pure-u-1 pure-u-lg-2-5">
335+
<div class="pure-u-1 pure-u-lg-2-5 pure-u-xxl-1-2">
336336
<div class="gif">
337337
<a
338338
href="https://mediacenter.ibm.com/media/1_u4hy5e26"
@@ -357,14 +357,15 @@ <h4>More resources</h4>
357357
</div>
358358
<div class="pure-u-1">
359359
<div class="pure-g pure-g-pad-v">
360-
<div class="pure-u-md-1-2 pure-u-lg-1-4 pure-g">
361-
<div class="pure-u-1">
360+
<div class="pure-u-md-1-2 pure-u-lg-1-3 pure-u-xl-1-4 pure-g">
361+
<div class="pure-g">
362+
<div class="pure-u-sm-3-24 pure-u-lg-1">
362363
<img
363364
src="wp-content/icons/icon_documentation.svg"
364365
alt=""
365366
class="icon-sm" />
366367
</div>
367-
<div class="pure-u-1">
368+
<div class="pure-u-1 pure-u-sm-21-24 pure-u-lg-1">
368369
<h3>OTMA overview</h3>
369370
<div class="vertical-g">
370371
<a
@@ -376,15 +377,17 @@ <h3>OTMA overview</h3>
376377
>
377378
</div>
378379
</div>
380+
</div>
379381
</div>
380-
<div class="pure-u-md-1-2 pure-u-lg-1-4 pure-g">
381-
<div class="pure-u-1">
382+
<div class="pure-u-md-1-2 pure-u-lg-1-3 pure-u-xl-1-4 pure-g">
383+
<div class="pure-g">
384+
<div class="pure-u-1 pure-u-sm-3-24 pure-u-lg-1">
382385
<img
383386
src="wp-content/icons/icon_documentation.svg"
384387
alt=""
385388
class="icon-sm" />
386389
</div>
387-
<div class="pure-u-1">
390+
<div class="pure-u-1 pure-u-sm-21-24 pure-u-lg-1">
388391
<h3>The OTMA client</h3>
389392
<div class="vertical-g">
390393
<a
@@ -396,15 +399,17 @@ <h3>The OTMA client</h3>
396399
>
397400
</div>
398401
</div>
402+
</div>
399403
</div>
400-
<div class="pure-u-md-1-2 pure-u-lg-1-4 pure-g">
401-
<div class="pure-u-1">
404+
<div class="pure-u-md-1-2 pure-u-lg-1-3 pure-u-xl-1-4 pure-g">
405+
<div class="pure-g">
406+
<div class="pure-u-1 pure-u-sm-3-24 pure-u-lg-1">
402407
<img
403408
src="wp-content/icons/icon_video.svg"
404409
alt=""
405410
class="icon-sm" />
406411
</div>
407-
<div class="pure-u-1">
412+
<div class="pure-u-1 pure-u-sm-21-24 pure-u-lg-1">
408413
<h3>OTMA Tpipe Flood Control</h3>
409414
<div class="vertical-g">
410415
<a
@@ -416,6 +421,7 @@ <h3>OTMA Tpipe Flood Control</h3>
416421
>
417422
</div>
418423
</div>
424+
</div>
419425
</div>
420426
</div>
421427
</div>

wp-includes/css/page.css

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -646,7 +646,7 @@ a {
646646
padding: 0.4em;
647647
}
648648
.pure-g-pad-v > div {
649-
padding: 0.4em;
649+
padding: 0.4em 0;
650650
}
651651
.pure-g-pad-wd > div {
652652
padding: 2em 0.4em 0em 0em;

0 commit comments

Comments
 (0)