Day 355
Part two of the google.com rebuild.
#CodingPhase #TheCodingWay #365CodingPhaseChallenge
**********
@import "reset";
* {
box-sizing: border-box;
font-family: Arial, sans-serif;
font-size: 16px;
}
#container {
max-width: 100%;
height: 100vh;
background-color: aliceblue;
header {
background: yellow;
display: flex;
height: 40px;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
align-items: center;
.topmenu-ul {
font-family: Arial, sans-serif;
font-size: 0.8rem;
li {
display: inline-block;
a {
text-decoration: none;
color: rgb(148, 143, 143);
}
}
}
.menutop-left {
ul {
li {
padding-left: 15px;
}
}
}
.menutop-right {
ul {
li {
// display: inline-block;
padding-right: 15px;
.fa-th {
font-size: 1.1rem;
}
}
}
}
}
}
#CodingPhase #TheCodingWay #365CodingPhaseChallenge
**********
@import "reset";
* {
box-sizing: border-box;
font-family: Arial, sans-serif;
font-size: 16px;
}
#container {
max-width: 100%;
height: 100vh;
background-color: aliceblue;
header {
background: yellow;
display: flex;
height: 40px;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
align-items: center;
.topmenu-ul {
font-family: Arial, sans-serif;
font-size: 0.8rem;
li {
display: inline-block;
a {
text-decoration: none;
color: rgb(148, 143, 143);
}
}
}
.menutop-left {
ul {
li {
padding-left: 15px;
}
}
}
.menutop-right {
ul {
li {
// display: inline-block;
padding-right: 15px;
.fa-th {
font-size: 1.1rem;
}
}
}
}
}
}
Comments
Post a Comment