whentimeslows/website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge pull request #30091 from shannonxtreme/css-training

Browse Source 
Modify training page CSS to wrap 2 icons at a time
This commit is contained in:
Kubernetes Prow Robot
2021-10-26 03:27:30 -07:00
committed by GitHub
parent 1db9bf46a1 3a19cabbe6
commit 4119c5086b
1 changed files with 19 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
static/css/training.css
+19
View File
@@ -124,6 +124,25 @@ body.cid-training #get-certified .col-nav a.button {
body.cid-training section.call-to-action .main-section > div.call-to-action > div {
padding: 0 2rem 0 2rem;
}
body.cid-training section.call-to-action .main-section > div.call-to-action div.cta-image {
padding: 0 2rem 0 2rem;
/* Change display to CSS Grid layout with 2 columns that autofill */
display: grid;
grid-template-columns: repeat(auto-fill, minmax(50%, 1fr));
}
/* Make the CTA text fill 100% of the viewport */
body.cid-training section.call-to-action .main-section > div.call-to-action > div.cta-text {
width: 100%;
}
/* Resize the div that contains the images so that the images wrap 2 at a time
and have no margin issues */
body.cid-training section.call-to-action .main-section > div.call-to-action {
width: 60%;
margin: auto;
padding-top: 20px;
}
}