[Usage Statistics | Trunk]: resources.component: Add border-right on 1st and 3rd card only on medium and larger screens | Cards have width 1-1 in small screens and 1-2 in medium and larger.
This commit is contained in:
parent
50812196e9
commit
2fe339c503
|
@ -1,3 +1,4 @@
|
|||
<!--class="uk-margin-left uk-margin-right"-->
|
||||
<div>
|
||||
<div class="uk-section uk-container about-background">
|
||||
<div class="uk-margin-large-left uk-margin-top">
|
||||
|
|
|
@ -18,6 +18,8 @@
|
|||
border-top: 1px solid #BFBFBF;
|
||||
}
|
||||
|
||||
.border-right {
|
||||
@media only screen and (min-width: 960px) {
|
||||
.border-right {
|
||||
border-right: 1px solid #BFBFBF;
|
||||
}
|
||||
}
|
|
@ -54,13 +54,13 @@
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="uk-section uk-container uk-container-large how-background uk-text-break">
|
||||
<div class="uk-card uk-card-default uk-card-body card-text
|
||||
<!-- <div class="uk-margin-left uk-margin-right">-->
|
||||
<div class="uk-section uk-container uk-container-large how-background">
|
||||
<div class="uk-card uk-card-default uk-card-body card-text uk-text-break
|
||||
uk-margin-large-bottom uk-margin-medium-left uk-margin-medium-right">
|
||||
<h6 class="card-title uk-text-uppercase uk-text-center">Follow USAGE STATISTICS guidelines</h6>
|
||||
<div class="uk-grid uk-padding">
|
||||
<div class="uk-width-1-2 uk-padding border-top border-right">
|
||||
<div class="uk-grid uk-width-1-1 uk-child-width-1-2@m uk-padding">
|
||||
<div class="uk-padding border-top border-right">
|
||||
<img src="/assets/usage-statistics-assets/resources/guidelines.svg"/>
|
||||
<p class="card-title">Guidelines</p>
|
||||
<div>
|
||||
|
@ -69,7 +69,7 @@
|
|||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="uk-width-1-2 uk-padding border-top">
|
||||
<div class="uk-padding border-top">
|
||||
<img src="/assets/usage-statistics-assets/resources/software.svg"/>
|
||||
<p class="card-title">Software</p>
|
||||
<ul class="uk-list">
|
||||
|
@ -93,7 +93,7 @@
|
|||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="uk-width-1-2 uk-padding border-top border-right">
|
||||
<div class="uk-padding border-top border-right">
|
||||
<img src="/assets/usage-statistics-assets/resources/services.svg"/>
|
||||
<p class="card-title">Services API</p>
|
||||
<div>
|
||||
|
@ -103,7 +103,7 @@
|
|||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="uk-width-1-2 uk-padding border-top">
|
||||
<div class="uk-padding border-top">
|
||||
<img src="/assets/usage-statistics-assets/resources/faq.svg"/>
|
||||
<p class="card-title">FAQ</p>
|
||||
<div>
|
||||
|
@ -116,5 +116,5 @@
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- </div>-->
|
||||
</div>
|
||||
|
|
Loading…
Reference in New Issue