jessebot/tiny_personal_website
1
0
Fork 0
mirror of https://github.com/jessebot/tiny_personal_website.git synced 2025-10-01 01:48:43 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

fixing responsiveness again:

Browse source
This commit is contained in:
JesseBot 2017-07-17 15:59:24 +00:00
parent ae7c88b2d8
commit 7af2a1e1b6
1 changed files with 13 additions and 12 deletions
Download patch file Download diff file Expand all files Collapse all files

25
css/main.css
View file

@ -42,14 +42,15 @@ h3, h4, h5 {
.top-desc {
opacity: .7;
background-color:rgba(0, 0, 0, 0.5);
width: 440px;
height: 200px;
width: 330px;
height: 150px;
font-family: 'Cutive Mono';
font-size: 65%;
color: white;
padding-top: 1.5rem;
position: absolute;
top: -4%;
left: 13%;
top: -3%;
left: 10%;
bottom: 0px;
right: 0px;
box-shadow: 2px 2px 4px 0px rgba(21, 21, 21, 0.75);
@ -79,7 +80,7 @@ h3, h4, h5 {
}
.card-text {
font-weight: lighter;
font-size: .9rem;
font-size: .75rem;
}
.nav-tabs .nav-link.active {
background-image: url(../images/sep-half.png);
@ -126,18 +127,18 @@ h3, h4, h5 {
.container {
position: sticky;
padding: 0;
padding-top: 5%;
padding-bottom: 5%;
padding-top: 25%;
padding-bottom: 5o%;
}
@media (min-width: 576px) {
.container {
padding-top: 9%;
padding-bottom: 5%;
padding-top: 25%;
padding-bottom: 50%;
}
.top-desc {
top: -4%;
left: 13%;
left: 8%;
width: 400px;
height: 180px;
font-size: 80%;
@ -166,7 +167,7 @@ h3, h4, h5 {
@media (min-width: 992px) {
.container {
padding-top: 5%;
padding-top: 5.5%;
padding-bottom: 50%;
}
.card {
@ -174,7 +175,7 @@ h3, h4, h5 {
}
.top-desc {
top: -4%;
left: 13%;
left: 22%;
}
}