Further updated sizing of blocks

Further updated sizing of calculator blocks. Now they will fill any screen size perfectly. NOTE: Works well for everything but mobile landscape. Still need a solution to it.
This commit is contained in:
2018-10-10 23:35:56 -04:00
parent 158e8c29b1
commit 364540e9af
3 changed files with 88 additions and 52 deletions

View File

@@ -130,19 +130,19 @@ body {
/* Typography
*/
h1, h2, h3, h4, h5, h6 {
margin-top: 0;
margin-bottom: 2rem;
font-weight: 300; }
/* h1, h2, h3, h4, h5, h6 {*/
/*margin-top: 0;*/
/*margin-bottom: 2rem;*/
/* font-weight: 300; }
h1 { font-size: 4.0rem; line-height: 1.2; letter-spacing: -.1rem;}
h2 { font-size: 3.6rem; line-height: 1.25; letter-spacing: -.1rem; }
h3 { font-size: 3.0rem; line-height: 1.3; letter-spacing: -.1rem; }
h4 { font-size: 2.4rem; line-height: 1.35; letter-spacing: -.08rem; }
h5 { font-size: 1.8rem; line-height: 1.5; letter-spacing: -.05rem; }
h6 { font-size: 1.5rem; line-height: 1.6; letter-spacing: 0; }
*/
/* Larger than phablet */
@media (min-width: 550px) {
/*@media (min-width: 550px) {
h1 { font-size: 5.0rem; }
h2 { font-size: 4.2rem; }
h3 { font-size: 3.6rem; }
@@ -153,14 +153,13 @@ h6 { font-size: 1.5rem; line-height: 1.6; letter-spacing: 0; }
p {
margin-top: 0; }
*/
/* Links
*/
a {
/*a {
color: #1EAEDB; }
a:hover {
color: #0FA0CE; }
color: #0FA0CE; }*/
/* Buttons