gaspersic/freeCodeCamp
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

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

Browse Source 
* 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>
This commit is contained in:
Tegar D Pratama
2021-03-05 07:05:50 +09:00
committed by GitHub
parent 5332628e6d
commit 2630dc03d7
1 changed files with 17 additions and 0 deletions
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; flex-direction: row;
} }
.block-title-wrapper .block-link {
flex-grow: 3;
flex-basis: 0;
}
.block-link:hover, .block-link:hover,
.block-link:focus, .block-link:focus,
.block-link:active { .block-link:active {
@ -59,6 +64,10 @@
justify-content: center; justify-content: center;
padding: 25px 15px 10px 0px; padding: 25px 15px 10px 0px;
margin: 0 0 0.6rem; margin: 0 0 0.6rem;
flex-grow: 2;
flex-basis: 0;
font-size: 0.8rem;
text-align: center;
} }
.course-title { .course-title {
@ -240,6 +249,14 @@ button.map-title {
font-size: 1.17rem; font-size: 1.17rem;
} }
.block-title-wrapper {
flex-direction: column;
}
.block-cta-wrapper {
padding: 25px 15px 10px 15px;
}
.course-title, .course-title,
.map-cert-title, .map-cert-title,
.map-challenge-title { .map-challenge-title {