Day 110
I almost have this where I want it.
#CodingPhase #TheCodingWay #365CodingPhaseChallenge
**********
@media only screen and (min-width: 426px) and (max-width: 650px) {
#main-bg-img #bg-img {
max-width: 650px;
border: 2px solid blue;
}
#main-bg-img #tittle-box {
width: 50%;
height: 50%;
}
#tittle-box h2, h3 {
font-size: 18px;
}
#tittle-box h4 {
font-size: 12px;
}
section p {
font-size: 12px;
font-weight: 400;
}
#hr3 {
visibility: hidden;
}
.navmenu {
position: fixed;
z-index: 1;
top: 2.1em;
right: .5em;
background: #464655;
height: 0;
overflow: hidden;
}
#CodingPhase #TheCodingWay #365CodingPhaseChallenge
**********
@media only screen and (min-width: 426px) and (max-width: 650px) {
#main-bg-img #bg-img {
max-width: 650px;
border: 2px solid blue;
}
#main-bg-img #tittle-box {
width: 50%;
height: 50%;
}
#tittle-box h2, h3 {
font-size: 18px;
}
#tittle-box h4 {
font-size: 12px;
}
section p {
font-size: 12px;
font-weight: 400;
}
#hr3 {
visibility: hidden;
}
.navmenu {
position: fixed;
z-index: 1;
top: 2.1em;
right: .5em;
background: #464655;
height: 0;
overflow: hidden;
}
Comments
Post a Comment