kubernetes
/
website
mirror of https://github.com/kubernetes/website.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

Merge pull request #30091 from shannonxtreme/css-training 

Modify training page CSS to wrap 2 icons at a time
pull/30243/head
Kubernetes Prow Robot 2021-10-26 03:27:30 -07:00 committed by GitHub
parent 1db9bf46a1 3a19cabbe6
commit 4119c5086b
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 19 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
static/css/training.css
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;
}
}