vicky
/
personal-website
1
0
Fork 0
Code Issues 1 Pull Requests Packages Projects Releases Wiki Activity

make display headings responsive

This commit is contained in:
Vicky Steeves 2019-03-28 15:49:44 +00:00
parent a587aab215
commit 369fba837a
1 changed files with 24 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
themes/custom/assets/css/custom.css
View File

@ -84,3 +84,27 @@ li {
.btn-outline-primary{ .btn-outline-primary{
border-color: #6695c4; border-color: #6695c4;
} }
/* --------------------RESPONSIVE DISPLAY HEADINGS--------------------------*/
@media (max-width: 575.98px) {
.display-1 {
font-size: 3rem;
font-weight: 300;
line-height: 1.0;
}
.display-2 {
font-size: 2.75rem;
font-weight: 300;
line-height: 1.0;
}
.display-3 {
font-size: 2.25rem;
font-weight: 300;
line-height: 1.0;
}
.display-4 {
font-size: 1.75rem;
font-weight: 300;
line-height: 1.0;
}
}