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

fix: block-cta-wrapper breaking the layout in mobile view. (#41299) 

* fix: client bug in mobile view

* fix: show card title elemenbts in column on small screens

Co-authored-by: Ahmad Abdolsaheb <ahmad.abdolsaheb@gmail.com>
pull/41362/head
Tegar D Pratama 2021-03-05 07:05:50 +09:00 committed by GitHub
parent 5332628e6d
commit 2630dc03d7
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 17 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
client/src/templates/Introduction/intro.css
View File

@ -14,6 +14,11 @@
flex-direction: row;
}
.block-title-wrapper .block-link {
flex-grow: 3;
flex-basis: 0;
}
.block-link:hover,
.block-link:focus,
.block-link:active {
@ -59,6 +64,10 @@
justify-content: center;
padding: 25px 15px 10px 0px;
margin: 0 0 0.6rem;
flex-grow: 2;
flex-basis: 0;
font-size: 0.8rem;
text-align: center;
}
.course-title {
@ -240,6 +249,14 @@ button.map-title {
font-size: 1.17rem;
}
.block-title-wrapper {
flex-direction: column;
}
.block-cta-wrapper {
padding: 25px 15px 10px 15px;
}
.course-title,
.map-cert-title,
.map-challenge-title {