Remove CSS for bar / info box

This commit is contained in:
Tanner Collin 2022-07-15 15:25:28 -06:00
parent d1057534ec
commit 0d89429503

View File

@ -45,7 +45,7 @@
.container { .container {
max-width: 56rem; max-width: 56rem;
margin: 2rem auto 12rem auto; margin: 1rem auto 12rem auto;
} }
.footer { .footer {
@ -130,59 +130,12 @@
text-align: right; text-align: right;
white-space: nowrap; white-space: nowrap;
} }
.bar .me {
width: 100%;
display: block;
}
.bar .info {
margin-top: 1.75rem;
}
.bar .contact-icons a {
border-bottom: none;
}
.bar .contact-icons img {
width: 1.25rem;
height: 1.25rem;
margin-left: 0.5rem;
}
} }
@media screen and (max-width:36rem) { @media screen and (max-width:36rem) {
.bar { .bar {
overflow: auto; overflow: auto;
margin-top: -0.5rem; margin-bottom: -1rem;
}
.bar .me {
float: left;
height: 6.5rem;
width: auto;
}
.bar .info {
float: left;
margin-top: 0.5rem;
margin-left: 1.5rem;
}
.bar .contact-icons {
margin-top: 1rem;
margin-left: 0.25rem;
margin-bottom: 0;
}
.bar .contact-icons a {
border-bottom: none;
}
.bar .contact-icons img {
width: 1.25rem;
height: 1.25rem;
margin-right: 1rem;
} }
} }